#F900FF - #FF76D0 | colorate

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

Blend #F900FF to #FF76D0

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

RGBブレンド

#F900FF - #FF76D0 | colorate

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

0.0%	0.0% #F900FF	RGB 249 0 255	#F900FF
16.7%	16.7% #FA13F7	RGB 250 19 247	#FA13F7
33.3%	33.3% #FB27EF	RGB 251 39 239	#FB27EF
50.0%	50.0% #FC3BE7	RGB 252 59 231	#FC3BE7
66.7%	66.7% #FD4EDF	RGB 253 78 223	#FD4EDF
83.3%	83.3% #FE62D7	RGB 254 98 215	#FE62D7
100.0%	100.0% #FF76D0	RGB 255 118 208	#FF76D0

#F900FF #FA13F7 #FB27EF #FC3BE7 #FD4EDF #FE62D7 #FF76D0

#F900FF - #FF76D0

HSVブレンド

#F900FF - #FF76D0 | colorate

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

0.0%	0.0% #F800FF	RGB 248 0 255	#F800FF
16.7%	16.7% #FF13F6	RGB 255 19 246	#FF13F6
33.3%	33.3% #FF27E9	RGB 255 39 233	#FF27E9
50.0%	50.0% #FF3BDF	RGB 255 59 223	#FF3BDF
66.7%	66.7% #FF4ED8	RGB 255 78 216	#FF4ED8
83.3%	83.3% #FF62D2	RGB 255 98 210	#FF62D2
100.0%	100.0% #FF76D0	RGB 255 118 208	#FF76D0

#F800FF #FF13F6 #FF27E9 #FF3BDF #FF4ED8 #FF62D2 #FF76D0

#F900FF - #FF3BDF - #FF76D0

CSSコード

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

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