#CE9CC1 - #F8F0F6 | colorate

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

Blend #CE9CC1 to #F8F0F6

#CE9CC1

#F8F0F6

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

RGBブレンド

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

0.0%	0.0% #CE9CC1	RGB 206 156 193	#CE9CC1
16.7%	16.7% #D5AAC9	RGB 213 170 201	#D5AAC9
33.3%	33.3% #DCB8D2	RGB 220 184 210	#DCB8D2
50.0%	50.0% #E3C6DB	RGB 227 198 219	#E3C6DB
66.7%	66.7% #EAD4E4	RGB 234 212 228	#EAD4E4
83.3%	83.3% #F1E2ED	RGB 241 226 237	#F1E2ED
100.0%	100.0% #F8F0F6	RGB 248 240 246	#F8F0F6

#CE9CC1 #D5AAC9 #DCB8D2 #E3C6DB #EAD4E4 #F1E2ED #F8F0F6

#CE9CC1 - #F8F0F6

HSVブレンド

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

0.0%	0.0% #CE9CC1	RGB 206 156 193	#CE9CC1
16.7%	16.7% #D5A8C9	RGB 213 168 201	#D5A8C9
33.3%	33.3% #DCB6D2	RGB 220 182 210	#DCB6D2
50.0%	50.0% #E3C3DB	RGB 227 195 219	#E3C3DB
66.7%	66.7% #EAD2E3	RGB 234 210 227	#EAD2E3
83.3%	83.3% #F1E0EC	RGB 241 224 236	#F1E0EC
100.0%	100.0% #F8F0F6	RGB 248 240 246	#F8F0F6

#CE9CC1 #D5A8C9 #DCB6D2 #E3C3DB #EAD2E3 #F1E0EC #F8F0F6

#CE9CC1 - #E3C3DB - #F8F0F6

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #CE9CC1 0%, #E3C3DB 50%, #F8F0F6 100%);
    background: -webkit-linear-gradient(top, #CE9CC1 0%, #E3C3DB 50%, #F8F0F6 100%);
    background: linear-gradient(to bottom, #CE9CC1 0%, #E3C3DB 50%, #F8F0F6 100%); 
}
</style>