#ECE4EB - #CC92AB | colorate

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

Blend #ECE4EB to #CC92AB

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

RGBブレンド

#ECE4EB - #CC92AB | colorate

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

0.0%	0.0% #ECE4EB	RGB 236 228 235	#ECE4EB
16.7%	16.7% #E6D6E0	RGB 230 214 224	#E6D6E0
33.3%	33.3% #E1C8D5	RGB 225 200 213	#E1C8D5
50.0%	50.0% #DCBBCB	RGB 220 187 203	#DCBBCB
66.7%	66.7% #D6ADC0	RGB 214 173 192	#D6ADC0
83.3%	83.3% #D19FB5	RGB 209 159 181	#D19FB5
100.0%	100.0% #CC92AB	RGB 204 146 171	#CC92AB

#ECE4EB #E6D6E0 #E1C8D5 #DCBBCB #D6ADC0 #D19FB5 #CC92AB

#ECE4EB - #CC92AB

HSVブレンド

#ECE4EB - #CC92AB | colorate

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

0.0%	0.0% #ECE4EB	RGB 236 228 235	#ECE4EB
16.7%	16.7% #E6D5E3	RGB 230 213 227	#E6D5E3
33.3%	33.3% #E1C6DA	RGB 225 198 218	#E1C6DA
50.0%	50.0% #DCB8CF	RGB 220 184 207	#DCB8CF
66.7%	66.7% #D6ABC4	RGB 214 171 196	#D6ABC4
83.3%	83.3% #D19EB8	RGB 209 158 184	#D19EB8
100.0%	100.0% #CC92AB	RGB 204 146 171	#CC92AB

#ECE4EB #E6D5E3 #E1C6DA #DCB8CF #D6ABC4 #D19EB8 #CC92AB

#ECE4EB - #DCB8CF - #CC92AB

CSSコード

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

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