#555D39 - #44693B | colorate

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

Blend #555D39 to #44693B

#555D39

#44693B

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

RGBブレンド

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

0.0%	0.0% #555D39	RGB 85 93 57	#555D39
16.7%	16.7% #535F39	RGB 83 95 57	#535F39
33.3%	33.3% #506139	RGB 80 97 57	#506139
50.0%	50.0% #4D633A	RGB 77 99 58	#4D633A
66.7%	66.7% #4A653A	RGB 74 101 58	#4A653A
83.3%	83.3% #47673A	RGB 71 103 58	#47673A
100.0%	100.0% #44693B	RGB 68 105 59	#44693B

#555D39 #535F39 #506139 #4D633A #4A653A #47673A #44693B

#555D39 - #44693B

HSVブレンド

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

0.0%	0.0% #555D39	RGB 85 93 57	#555D39
16.7%	16.7% #535F39	RGB 83 95 57	#535F39
33.3%	33.3% #506139	RGB 80 97 57	#506139
50.0%	50.0% #4E633A	RGB 78 99 58	#4E633A
66.7%	66.7% #4B653A	RGB 75 101 58	#4B653A
83.3%	83.3% #47673A	RGB 71 103 58	#47673A
100.0%	100.0% #44693B	RGB 68 105 59	#44693B

#555D39 #535F39 #506139 #4E633A #4B653A #47673A #44693B

#555D39 - #4E633A - #44693B

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #555D39 0%, #4E633A 50%, #44693B 100%);
    background: -webkit-linear-gradient(top, #555D39 0%, #4E633A 50%, #44693B 100%);
    background: linear-gradient(to bottom, #555D39 0%, #4E633A 50%, #44693B 100%); 
}
</style>