#FCF9FB - #FAE2FF | colorate

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

Blend #FCF9FB to #FAE2FF

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

RGBブレンド

#FCF9FB - #FAE2FF | colorate

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

0.0%	0.0% #FCF9FB	RGB 252 249 251	#FCF9FB
16.7%	16.7% #FBF5FB	RGB 251 245 251	#FBF5FB
33.3%	33.3% #FBF1FC	RGB 251 241 252	#FBF1FC
50.0%	50.0% #FBEDFD	RGB 251 237 253	#FBEDFD
66.7%	66.7% #FAE9FD	RGB 250 233 253	#FAE9FD
83.3%	83.3% #FAE5FE	RGB 250 229 254	#FAE5FE
100.0%	100.0% #FAE2FF	RGB 250 226 255	#FAE2FF

#FCF9FB #FBF5FB #FBF1FC #FBEDFD #FAE9FD #FAE5FE #FAE2FF

#FCF9FB - #FAE2FF

HSVブレンド

#FCF9FB - #FAE2FF | colorate

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

0.0%	0.0% #FCF9FB	RGB 252 249 251	#FCF9FB
16.7%	16.7% #FCF5FA	RGB 252 245 250	#FCF5FA
33.3%	33.3% #FDF1FB	RGB 253 241 251	#FDF1FB
50.0%	50.0% #FDEDFC	RGB 253 237 252	#FDEDFC
66.7%	66.7% #FDE9FE	RGB 253 233 254	#FDE9FE
83.3%	83.3% #FCE5FE	RGB 252 229 254	#FCE5FE
100.0%	100.0% #FAE2FF	RGB 250 226 255	#FAE2FF

#FCF9FB #FCF5FA #FDF1FB #FDEDFC #FDE9FE #FCE5FE #FAE2FF

#FCF9FB - #FDEDFC - #FAE2FF

CSSコード

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

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