#158F03 - #BCDFB7 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #158F03 to #BCDFB7
#158F03と#BCDFB7の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#158F03 - #BCDFB7 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#158F03を0%、#BCDFB7を100%として二色間の色を展開します。
|
0.0% #158F03 |
RGB 21 143 3 | #158F03 |
|
16.7% #309C21 |
RGB 48 156 33 | #309C21 |
|
33.3% #4CA93F |
RGB 76 169 63 | #4CA93F |
|
50.0% #68B75D |
RGB 104 183 93 | #68B75D |
|
66.7% #84C47B |
RGB 132 196 123 | #84C47B |
|
83.3% #A0D199 |
RGB 160 209 153 | #A0D199 |
|
100.0% #BCDFB7 |
RGB 188 223 183 | #BCDFB7 |
HSVブレンド
#158F03 - #BCDFB7 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#158F03を0%、#BCDFB7を100%として二色間の色を展開します。
|
0.0% #158F03 |
RGB 21 143 3 | #158F03 |
|
16.7% #299C18 |
RGB 41 156 24 | #299C18 |
|
33.3% #40A930 |
RGB 64 169 48 | #40A930 |
|
50.0% #5AB74D |
RGB 90 183 77 | #5AB74D |
|
66.7% #77C46C |
RGB 119 196 108 | #77C46C |
|
83.3% #98D190 |
RGB 152 209 144 | #98D190 |
|
100.0% #BCDFB7 |
RGB 188 223 183 | #BCDFB7 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #158F03 0%, #BCDFB7 100%);
background: -webkit-linear-gradient(top, #158F03 0%, #BCDFB7 100%);
background: linear-gradient(to bottom, #158F03 0%, #BCDFB7 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #158F03 0%, #5AB74D 50%, #BCDFB7 100%);
background: -webkit-linear-gradient(top, #158F03 0%, #5AB74D 50%, #BCDFB7 100%);
background: linear-gradient(to bottom, #158F03 0%, #5AB74D 50%, #BCDFB7 100%);
}
</style>
