#2C8F26 - #0F5A05 | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #2C8F26 to #0F5A05

#2C8F26と#0F5A05の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#2C8F26 - #0F5A05 | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#2C8F26を0%、#0F5A05を100%として二色間の色を展開します。

0.0%	0.0% #2C8F26	RGB 44 143 38	#2C8F26
16.7%	16.7% #278620	RGB 39 134 32	#278620
33.3%	33.3% #227D1B	RGB 34 125 27	#227D1B
50.0%	50.0% #1D7415	RGB 29 116 21	#1D7415
66.7%	66.7% #186B0F	RGB 24 107 15	#186B0F
83.3%	83.3% #13620A	RGB 19 98 10	#13620A
100.0%	100.0% #0F5A05	RGB 15 90 5	#0F5A05

#2C8F26 #278620 #227D1B #1D7415 #186B0F #13620A #0F5A05

#2C8F26 - #0F5A05

HSVブレンド

#2C8F26 - #0F5A05 | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#2C8F26を0%、#0F5A05を100%として二色間の色を展開します。

0.0%	0.0% #2B8F26	RGB 43 143 38	#2B8F26
16.7%	16.7% #25861E	RGB 37 134 30	#25861E
33.3%	33.3% #207D18	RGB 32 125 24	#207D18
50.0%	50.0% #1B7412	RGB 27 116 18	#1B7412
66.7%	66.7% #166B0D	RGB 22 107 13	#166B0D
83.3%	83.3% #126208	RGB 18 98 8	#126208
100.0%	100.0% #0F5A05	RGB 15 90 5	#0F5A05

#2B8F26 #25861E #207D18 #1B7412 #166B0D #126208 #0F5A05

#2C8F26 - #1B7412 - #0F5A05

CSSコード

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #2C8F26 0%, #0F5A05 100%);
    background: -webkit-linear-gradient(top, #2C8F26 0%, #0F5A05 100%);
    background: linear-gradient(to bottom, #2C8F26 0%, #0F5A05 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B8F26 0%, #1B7412 50%, #0F5A05 100%);
    background: -webkit-linear-gradient(top, #2B8F26 0%, #1B7412 50%, #0F5A05 100%);
    background: linear-gradient(to bottom, #2B8F26 0%, #1B7412 50%, #0F5A05 100%);
}
</style>