#C8C2B5 - #A38461 | colorate

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

Blend #C8C2B5 to #A38461

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

RGBブレンド

#C8C2B5 - #A38461 | colorate

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

0.0%	0.0% #C8C2B5	RGB 200 194 181	#C8C2B5
16.7%	16.7% #C1B7A7	RGB 193 183 167	#C1B7A7
33.3%	33.3% #BBAD99	RGB 187 173 153	#BBAD99
50.0%	50.0% #B5A38B	RGB 181 163 139	#B5A38B
66.7%	66.7% #AF987D	RGB 175 152 125	#AF987D
83.3%	83.3% #A98E6F	RGB 169 142 111	#A98E6F
100.0%	100.0% #A38461	RGB 163 132 97	#A38461

#C8C2B5 #C1B7A7 #BBAD99 #B5A38B #AF987D #A98E6F #A38461

#C8C2B5 - #A38461

HSVブレンド

#C8C2B5 - #A38461 | colorate

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

0.0%	0.0% #C8C2B5	RGB 200 194 181	#C8C2B5
16.7%	16.7% #C1B8A5	RGB 193 184 165	#C1B8A5
33.3%	33.3% #BBAE96	RGB 187 174 150	#BBAE96
50.0%	50.0% #B5A388	RGB 181 163 136	#B5A388
66.7%	66.7% #AF997A	RGB 175 153 122	#AF997A
83.3%	83.3% #A98E6D	RGB 169 142 109	#A98E6D
100.0%	100.0% #A38461	RGB 163 132 97	#A38461

#C8C2B5 #C1B8A5 #BBAE96 #B5A388 #AF997A #A98E6D #A38461

#C8C2B5 - #B5A388 - #A38461

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C2B5 0%, #B5A388 50%, #A38461 100%);
    background: -webkit-linear-gradient(top, #C8C2B5 0%, #B5A388 50%, #A38461 100%);
    background: linear-gradient(to bottom, #C8C2B5 0%, #B5A388 50%, #A38461 100%);
}
</style>