#E5CCC3 - #CF8670 | colorate

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

Blend #E5CCC3 to #CF8670

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

RGBブレンド

#E5CCC3 - #CF8670 | colorate

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

0.0%	0.0% #E5CCC3	RGB 229 204 195	#E5CCC3
16.7%	16.7% #E1C0B5	RGB 225 192 181	#E1C0B5
33.3%	33.3% #DDB4A7	RGB 221 180 167	#DDB4A7
50.0%	50.0% #DAA999	RGB 218 169 153	#DAA999
66.7%	66.7% #D69D8B	RGB 214 157 139	#D69D8B
83.3%	83.3% #D2917D	RGB 210 145 125	#D2917D
100.0%	100.0% #CF8670	RGB 207 134 112	#CF8670

#E5CCC3 #E1C0B5 #DDB4A7 #DAA999 #D69D8B #D2917D #CF8670

#E5CCC3 - #CF8670

HSVブレンド

#E5CCC3 - #CF8670 | colorate

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

0.0%	0.0% #E5CCC3	RGB 229 204 195	#E5CCC3
16.7%	16.7% #E1BFB4	RGB 225 191 180	#E1BFB4
33.3%	33.3% #DDB3A5	RGB 221 179 165	#DDB3A5
50.0%	50.0% #DAA897	RGB 218 168 151	#DAA897
66.7%	66.7% #D69C8A	RGB 214 156 138	#D69C8A
83.3%	83.3% #D2917C	RGB 210 145 124	#D2917C
100.0%	100.0% #CF8670	RGB 207 134 112	#CF8670

#E5CCC3 #E1BFB4 #DDB3A5 #DAA897 #D69C8A #D2917C #CF8670

#E5CCC3 - #DAA897 - #CF8670

CSSコード

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

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