#FCF8FD - #FFE0FB | colorate

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

Blend #FCF8FD to #FFE0FB

#FCF8FD

#FFE0FB

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

RGBブレンド

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

0.0%	0.0% #FCF8FD	RGB 252 248 253	#FCF8FD
16.7%	16.7% #FCF4FD	RGB 252 244 253	#FCF4FD
33.3%	33.3% #FDF0FD	RGB 253 240 253	#FDF0FD
50.0%	50.0% #FDECFC	RGB 253 236 252	#FDECFC
66.7%	66.7% #FEE8FC	RGB 254 232 252	#FEE8FC
83.3%	83.3% #FEE4FC	RGB 254 228 252	#FEE4FC
100.0%	100.0% #FFE0FB	RGB 255 224 251	#FFE0FB

#FCF8FD #FCF4FD #FDF0FD #FDECFC #FEE8FC #FEE4FC #FFE0FB

#FCF8FD - #FFE0FB

HSVブレンド

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

0.0%	0.0% #FCF8FD	RGB 252 248 253	#FCF8FD
16.7%	16.7% #FBF4FD	RGB 251 244 253	#FBF4FD
33.3%	33.3% #FCF0FD	RGB 252 240 253	#FCF0FD
50.0%	50.0% #FDECFE	RGB 253 236 254	#FDECFE
66.7%	66.7% #FEE8FD	RGB 254 232 253	#FEE8FD
83.3%	83.3% #FEE4FC	RGB 254 228 252	#FEE4FC
100.0%	100.0% #FFE0FB	RGB 255 224 251	#FFE0FB

#FCF8FD #FBF4FD #FCF0FD #FDECFE #FEE8FD #FEE4FC #FFE0FB

#FCF8FD - #FDECFE - #FFE0FB

CSSコード

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

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