#FE96FF - #FEE1FF | colorate

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

Blend #FE96FF to #FEE1FF

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

RGBブレンド

#FE96FF - #FEE1FF | colorate

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

0.0%	0.0% #FE96FF	RGB 254 150 255	#FE96FF
16.7%	16.7% #FEA2FF	RGB 254 162 255	#FEA2FF
33.3%	33.3% #FEAFFF	RGB 254 175 255	#FEAFFF
50.0%	50.0% #FEBBFF	RGB 254 187 255	#FEBBFF
66.7%	66.7% #FEC8FF	RGB 254 200 255	#FEC8FF
83.3%	83.3% #FED4FF	RGB 254 212 255	#FED4FF
100.0%	100.0% #FEE1FF	RGB 254 225 255	#FEE1FF

#FE96FF #FEA2FF #FEAFFF #FEBBFF #FEC8FF #FED4FF #FEE1FF

#FE96FF - #FEE1FF

HSVブレンド

#FE96FF - #FEE1FF | colorate

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

0.0%	0.0% #FE96FF	RGB 254 150 255	#FE96FF
16.7%	16.7% #FDA2FF	RGB 253 162 255	#FDA2FF
33.3%	33.3% #FDAFFF	RGB 253 175 255	#FDAFFF
50.0%	50.0% #FDBBFF	RGB 253 187 255	#FDBBFF
66.7%	66.7% #FDC8FF	RGB 253 200 255	#FDC8FF
83.3%	83.3% #FDD4FF	RGB 253 212 255	#FDD4FF
100.0%	100.0% #FEE1FF	RGB 254 225 255	#FEE1FF

#FE96FF #FDA2FF #FDAFFF #FDBBFF #FDC8FF #FDD4FF #FEE1FF

#FE96FF - #FDBBFF - #FEE1FF

CSSコード

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

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