#C8AAA6 - #AE5E50 | colorate

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

Blend #C8AAA6 to #AE5E50

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

RGBブレンド

#C8AAA6 - #AE5E50 | colorate

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

0.0%	0.0% #C8AAA6	RGB 200 170 166	#C8AAA6
16.7%	16.7% #C39D97	RGB 195 157 151	#C39D97
33.3%	33.3% #BF9089	RGB 191 144 137	#BF9089
50.0%	50.0% #BB847B	RGB 187 132 123	#BB847B
66.7%	66.7% #B6776C	RGB 182 119 108	#B6776C
83.3%	83.3% #B26A5E	RGB 178 106 94	#B26A5E
100.0%	100.0% #AE5E50	RGB 174 94 80	#AE5E50

#C8AAA6 #C39D97 #BF9089 #BB847B #B6776C #B26A5E #AE5E50

#C8AAA6 - #AE5E50

HSVブレンド

#C8AAA6 - #AE5E50 | colorate

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

0.0%	0.0% #C8AAA6	RGB 200 170 166	#C8AAA6
16.7%	16.7% #C39B96	RGB 195 155 150	#C39B96
33.3%	33.3% #BF8E87	RGB 191 142 135	#BF8E87
50.0%	50.0% #BB8178	RGB 187 129 120	#BB8178
66.7%	66.7% #B6756A	RGB 182 117 106	#B6756A
83.3%	83.3% #B2695C	RGB 178 105 92	#B2695C
100.0%	100.0% #AE5E50	RGB 174 94 80	#AE5E50

#C8AAA6 #C39B96 #BF8E87 #BB8178 #B6756A #B2695C #AE5E50

#C8AAA6 - #BB8178 - #AE5E50

CSSコード

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

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