#6CCC52 - #0E1D0A | colorate

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

Blend #6CCC52 to #0E1D0A

#6CCC52

#0E1D0A

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

RGBブレンド

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

0.0%	0.0% #6CCC52	RGB 108 204 82	#6CCC52
16.7%	16.7% #5DAF46	RGB 93 175 70	#5DAF46
33.3%	33.3% #4D923A	RGB 77 146 58	#4D923A
50.0%	50.0% #3D752E	RGB 61 117 46	#3D752E
66.7%	66.7% #2E5822	RGB 46 88 34	#2E5822
83.3%	83.3% #1E3B16	RGB 30 59 22	#1E3B16
100.0%	100.0% #0E1D0A	RGB 14 29 10	#0E1D0A

#6CCC52 #5DAF46 #4D923A #3D752E #2E5822 #1E3B16 #0E1D0A

#6CCC52 - #0E1D0A

HSVブレンド

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

0.0%	0.0% #6CCC52	RGB 108 204 82	#6CCC52
16.7%	16.7% #5BAE44	RGB 91 174 68	#5BAE44
33.3%	33.3% #4A9137	RGB 74 145 55	#4A9137
50.0%	50.0% #3A742B	RGB 58 116 43	#3A742B
66.7%	66.7% #2B571F	RGB 43 87 31	#2B571F
83.3%	83.3% #1C3A14	RGB 28 58 20	#1C3A14
100.0%	100.0% #0E1D0A	RGB 14 29 10	#0E1D0A

#6CCC52 #5BAE44 #4A9137 #3A742B #2B571F #1C3A14 #0E1D0A

#6CCC52 - #3A742B - #0E1D0A

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #6CCC52 0%, #3A742B 50%, #0E1D0A 100%);
    background: -webkit-linear-gradient(top, #6CCC52 0%, #3A742B 50%, #0E1D0A 100%);
    background: linear-gradient(to bottom, #6CCC52 0%, #3A742B 50%, #0E1D0A 100%); 
}
</style>