#C6635C - #EED2D0 | colorate

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

Blend #C6635C to #EED2D0

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

RGBブレンド

#C6635C - #EED2D0 | colorate

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

0.0%	0.0% #C6635C	RGB 198 99 92	#C6635C
16.7%	16.7% #CC756F	RGB 204 117 111	#CC756F
33.3%	33.3% #D38882	RGB 211 136 130	#D38882
50.0%	50.0% #DA9A96	RGB 218 154 150	#DA9A96
66.7%	66.7% #E0ADA9	RGB 224 173 169	#E0ADA9
83.3%	83.3% #E7BFBC	RGB 231 191 188	#E7BFBC
100.0%	100.0% #EED2D0	RGB 238 210 208	#EED2D0

#C6635C #CC756F #D38882 #DA9A96 #E0ADA9 #E7BFBC #EED2D0

#C6635C - #EED2D0

HSVブレンド

#C6635C - #EED2D0 | colorate

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

0.0%	0.0% #C6635C	RGB 198 99 92	#C6635C
16.7%	16.7% #CC736D	RGB 204 115 109	#CC736D
33.3%	33.3% #D3847F	RGB 211 132 127	#D3847F
50.0%	50.0% #DA9691	RGB 218 150 145	#DA9691
66.7%	66.7% #E0A9A5	RGB 224 169 165	#E0A9A5
83.3%	83.3% #E7BDBA	RGB 231 189 186	#E7BDBA
100.0%	100.0% #EED2D0	RGB 238 210 208	#EED2D0

#C6635C #CC736D #D3847F #DA9691 #E0A9A5 #E7BDBA #EED2D0

#C6635C - #DA9691 - #EED2D0

CSSコード

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

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