#9A8374 - #807253 | colorate

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

Tweet

Blend #9A8374 to #807253

#9A8374

#807253

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

RGBブレンド

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

0.0%	0.0% #9A8374	RGB 154 131 116	#9A8374
16.7%	16.7% #96816F	RGB 150 129 111	#96816F
33.3%	33.3% #927E69	RGB 146 126 105	#927E69
50.0%	50.0% #8D7B64	RGB 141 123 100	#8D7B64
66.7%	66.7% #89785E	RGB 137 120 94	#89785E
83.3%	83.3% #857559	RGB 133 117 89	#857559
100.0%	100.0% #807253	RGB 128 114 83	#807253

#9A8374 #96816F #927E69 #8D7B64 #89785E #857559 #807253

#9A8374 - #807253

HSVブレンド

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

0.0%	0.0% #9A8374	RGB 154 131 116	#9A8374
16.7%	16.7% #957F6E	RGB 149 127 110	#957F6E
33.3%	33.3% #917C68	RGB 145 124 104	#917C68
50.0%	50.0% #8D7962	RGB 141 121 98	#8D7962
66.7%	66.7% #88765D	RGB 136 118 93	#88765D
83.3%	83.3% #847458	RGB 132 116 88	#847458
100.0%	100.0% #807253	RGB 128 114 83	#807253

#9A8374 #957F6E #917C68 #8D7962 #88765D #847458 #807253

#9A8374 - #8D7962 - #807253

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #9A8374 0%, #8D7962 50%, #807253 100%);
    background: -webkit-linear-gradient(top, #9A8374 0%, #8D7962 50%, #807253 100%);
    background: linear-gradient(to bottom, #9A8374 0%, #8D7962 50%, #807253 100%); 
}
</style>