#3B7019 - #153F04 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #3B7019 to #153F04
#3B7019と#153F04の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#3B7019 - #153F04 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#3B7019を0%、#153F04を100%として二色間の色を展開します。
|
0.0% #3B7019 |
RGB 59 112 25 | #3B7019 |
|
16.7% #346715 |
RGB 52 103 21 | #346715 |
|
33.3% #2E5F12 |
RGB 46 95 18 | #2E5F12 |
|
50.0% #28570E |
RGB 40 87 14 | #28570E |
|
66.7% #214F0B |
RGB 33 79 11 | #214F0B |
|
83.3% #1B4707 |
RGB 27 71 7 | #1B4707 |
|
100.0% #153F04 |
RGB 21 63 4 | #153F04 |
HSVブレンド
#3B7019 - #153F04 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#3B7019を0%、#153F04を100%として二色間の色を展開します。
|
0.0% #3B7019 |
RGB 59 112 25 | #3B7019 |
|
16.7% #336714 |
RGB 51 103 20 | #336714 |
|
33.3% #2C5F10 |
RGB 44 95 16 | #2C5F10 |
|
50.0% #25570C |
RGB 37 87 12 | #25570C |
|
66.7% #1F4F09 |
RGB 31 79 9 | #1F4F09 |
|
83.3% #1A4706 |
RGB 26 71 6 | #1A4706 |
|
100.0% #153F04 |
RGB 21 63 4 | #153F04 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #3B7019 0%, #153F04 100%);
background: -webkit-linear-gradient(top, #3B7019 0%, #153F04 100%);
background: linear-gradient(to bottom, #3B7019 0%, #153F04 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #3B7019 0%, #25570C 50%, #153F04 100%);
background: -webkit-linear-gradient(top, #3B7019 0%, #25570C 50%, #153F04 100%);
background: linear-gradient(to bottom, #3B7019 0%, #25570C 50%, #153F04 100%);
}
</style>
