カラーピッカーが邪魔な場合は、パネルの上あたりを握ってドラッグすることができます。
邪魔にならない場所によけておきながら作業をしましょう。

最初からグラデーションを作っていくのは大変。
ここではまずアナタが思い描いたグラデーションに近いものを探してください。多分、それなりに近いものはあると思います。
見つかったらクリック！すると、ページ上のスライダーやボタンのサンプル、さらに一瞬でコードが生成されました！

だいたい近いイメージのグラデーションが見つかったら、そのまま使ってもらっても構いません。
でも、微調整したいことってありますよね？
そんな時にスライダーを上下に動かしてみてください、コードもちゃんと変わっています。もちろん見本ボタンの色も。
カラーピッカーを触ってみてください、ちゃんと見本ボタンの色も変わりますね？

Photoshopなどを思い出してください、スライダーを下にドラッグしたら削除できますよね？
Grad2では、縦グラデーションなので、左にドラッグするとそのスライダーが削除されるように設計しました。

各ベンダープレフィックスを付けないとブラウザ上ではちゃんと表示してくれません。
ベンダープレフィックス無しまでGrad2ではコードを生成することも可能です。
でも、実際使うときは、ベンダープレフィックス無しだったり、IE10用のコードを使うのはまだ現実的じゃないって事もあると思います。
新機能として、ブラウザを選ぶ事ができます。
コードが生成される場所の上に小さいアイコンがありますよね？それを押して、コードの表示、非表示を切り替えます。
例えばベンダープレフィックス無しとIE10用のコードは必要ない場合、とのアイコンを押して暗い状態にしてください。その分のコードが表示されなくなりました。
もう一度押せばちゃんと復活します。

コードをコピーします。「Click to Select this Code !」の文字をクリックしたら、コードを全部選んでくれます。
ただし、コピーを忘れないでくださいね。