#CD412C - #F0C8C2 | colorate

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

Blend #CD412C to #F0C8C2

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

RGBブレンド

#CD412C - #F0C8C2 | colorate

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

0.0%	0.0% #CD412C	RGB 205 65 44	#CD412C
16.7%	16.7% #D25745	RGB 210 87 69	#D25745
33.3%	33.3% #D86E5E	RGB 216 110 94	#D86E5E
50.0%	50.0% #DE8477	RGB 222 132 119	#DE8477
66.7%	66.7% #E49B90	RGB 228 155 144	#E49B90
83.3%	83.3% #EAB1A9	RGB 234 177 169	#EAB1A9
100.0%	100.0% #F0C8C2	RGB 240 200 194	#F0C8C2

#CD412C #D25745 #D86E5E #DE8477 #E49B90 #EAB1A9 #F0C8C2

#CD412C - #F0C8C2

HSVブレンド

#CD412C - #F0C8C2 | colorate

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

0.0%	0.0% #CD412B	RGB 205 65 43	#CD412B
16.7%	16.7% #D25442	RGB 210 84 66	#D25442
33.3%	33.3% #D86959	RGB 216 105 89	#D86959
50.0%	50.0% #DE7F71	RGB 222 127 113	#DE7F71
66.7%	66.7% #E4968B	RGB 228 150 139	#E4968B
83.3%	83.3% #EAAEA6	RGB 234 174 166	#EAAEA6
100.0%	100.0% #F0C8C2	RGB 240 200 194	#F0C8C2

#CD412B #D25442 #D86959 #DE7F71 #E4968B #EAAEA6 #F0C8C2

#CD412C - #DE7F71 - #F0C8C2

CSSコード

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

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