#FCFDFF - #F3E0FE | colorate

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

Blend #FCFDFF to #F3E0FE

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

RGBブレンド

#FCFDFF - #F3E0FE | colorate

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

0.0%	0.0% #FCFDFF	RGB 252 253 255	#FCFDFF
16.7%	16.7% #FAF8FE	RGB 250 248 254	#FAF8FE
33.3%	33.3% #F9F3FE	RGB 249 243 254	#F9F3FE
50.0%	50.0% #F7EEFE	RGB 247 238 254	#F7EEFE
66.7%	66.7% #F6E9FE	RGB 246 233 254	#F6E9FE
83.3%	83.3% #F4E4FE	RGB 244 228 254	#F4E4FE
100.0%	100.0% #F3E0FE	RGB 243 224 254	#F3E0FE

#FCFDFF #FAF8FE #F9F3FE #F7EEFE #F6E9FE #F4E4FE #F3E0FE

#FCFDFF - #F3E0FE

HSVブレンド

#FCFDFF - #F3E0FE | colorate

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

0.0%	0.0% #FCFDFF	RGB 252 253 255	#FCFDFF
16.7%	16.7% #F7F8FE	RGB 247 248 254	#F7F8FE
33.3%	33.3% #F2F2FE	RGB 242 242 254	#F2F2FE
50.0%	50.0% #F0EDFE	RGB 240 237 254	#F0EDFE
66.7%	66.7% #EFE9FE	RGB 239 233 254	#EFE9FE
83.3%	83.3% #F0E4FE	RGB 240 228 254	#F0E4FE
100.0%	100.0% #F3E0FE	RGB 243 224 254	#F3E0FE

#FCFDFF #F7F8FE #F2F2FE #F0EDFE #EFE9FE #F0E4FE #F3E0FE

#FCFDFF - #F0EDFE - #F3E0FE

CSSコード

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

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