#FCFAFD - #D0B5E2 | colorate

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

Blend #FCFAFD to #D0B5E2

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

RGBブレンド

#FCFAFD - #D0B5E2 | colorate

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

0.0%	0.0% #FCFAFD	RGB 252 250 253	#FCFAFD
16.7%	16.7% #F4EEF8	RGB 244 238 248	#F4EEF8
33.3%	33.3% #EDE3F4	RGB 237 227 244	#EDE3F4
50.0%	50.0% #E6D7EF	RGB 230 215 239	#E6D7EF
66.7%	66.7% #DECCEB	RGB 222 204 235	#DECCEB
83.3%	83.3% #D7C0E6	RGB 215 192 230	#D7C0E6
100.0%	100.0% #D0B5E2	RGB 208 181 226	#D0B5E2

#FCFAFD #F4EEF8 #EDE3F4 #E6D7EF #DECCEB #D7C0E6 #D0B5E2

#FCFAFD - #D0B5E2

HSVブレンド

#FCFAFD - #D0B5E2 | colorate

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

0.0%	0.0% #FCFAFD	RGB 252 250 253	#FCFAFD
16.7%	16.7% #F4EDF8	RGB 244 237 248	#F4EDF8
33.3%	33.3% #EDE1F4	RGB 237 225 244	#EDE1F4
50.0%	50.0% #E6D6EF	RGB 230 214 239	#E6D6EF
66.7%	66.7% #DECAEB	RGB 222 202 235	#DECAEB
83.3%	83.3% #D7BFE6	RGB 215 191 230	#D7BFE6
100.0%	100.0% #D0B5E2	RGB 208 181 226	#D0B5E2

#FCFAFD #F4EDF8 #EDE1F4 #E6D6EF #DECAEB #D7BFE6 #D0B5E2

#FCFAFD - #E6D6EF - #D0B5E2

CSSコード

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

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