#DC9ECE - #FBECE9 | colorate

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

Blend #DC9ECE to #FBECE9

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

RGBブレンド

#DC9ECE - #FBECE9 | colorate

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

0.0%	0.0% #DC9ECE	RGB 220 158 206	#DC9ECE
16.7%	16.7% #E1ABD2	RGB 225 171 210	#E1ABD2
33.3%	33.3% #E6B8D7	RGB 230 184 215	#E6B8D7
50.0%	50.0% #EBC5DB	RGB 235 197 219	#EBC5DB
66.7%	66.7% #F0D2E0	RGB 240 210 224	#F0D2E0
83.3%	83.3% #F5DFE4	RGB 245 223 228	#F5DFE4
100.0%	100.0% #FBECE9	RGB 251 236 233	#FBECE9

#DC9ECE #E1ABD2 #E6B8D7 #EBC5DB #F0D2E0 #F5DFE4 #FBECE9

#DC9ECE - #FBECE9

HSVブレンド

#DC9ECE - #FBECE9 | colorate

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

0.0%	0.0% #DC9ECE	RGB 220 158 206	#DC9ECE
16.7%	16.7% #E1A9CB	RGB 225 169 203	#E1A9CB
33.3%	33.3% #E6B5CC	RGB 230 181 204	#E6B5CC
50.0%	50.0% #EBC1CE	RGB 235 193 206	#EBC1CE
66.7%	66.7% #F0CED3	RGB 240 206 211	#F0CED3
83.3%	83.3% #F5DBDB	RGB 245 219 219	#F5DBDB
100.0%	100.0% #FBECE9	RGB 251 236 233	#FBECE9

#DC9ECE #E1A9CB #E6B5CC #EBC1CE #F0CED3 #F5DBDB #FBECE9

#DC9ECE - #EBC1CE - #FBECE9

CSSコード

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

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