#FF41D4 - #FFD2FF | colorate

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

Blend #FF41D4 to #FFD2FF

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

RGBブレンド

#FF41D4 - #FFD2FF | colorate

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

0.0%	0.0% #FF41D4	RGB 255 65 212	#FF41D4
16.7%	16.7% #FF59DB	RGB 255 89 219	#FF59DB
33.3%	33.3% #FF71E2	RGB 255 113 226	#FF71E2
50.0%	50.0% #FF89E9	RGB 255 137 233	#FF89E9
66.7%	66.7% #FFA1F0	RGB 255 161 240	#FFA1F0
83.3%	83.3% #FFB9F7	RGB 255 185 247	#FFB9F7
100.0%	100.0% #FFD2FF	RGB 255 210 255	#FFD2FF

#FF41D4 #FF59DB #FF71E2 #FF89E9 #FFA1F0 #FFB9F7 #FFD2FF

#FF41D4 - #FFD2FF

HSVブレンド

#FF41D4 - #FFD2FF | colorate

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

0.0%	0.0% #FF41D4	RGB 255 65 212	#FF41D4
16.7%	16.7% #FF59DF	RGB 255 89 223	#FF59DF
33.3%	33.3% #FF71E9	RGB 255 113 233	#FF71E9
50.0%	50.0% #FF89F1	RGB 255 137 241	#FF89F1
66.7%	66.7% #FFA1F7	RGB 255 161 247	#FFA1F7
83.3%	83.3% #FFB9FC	RGB 255 185 252	#FFB9FC
100.0%	100.0% #FFD2FF	RGB 255 210 255	#FFD2FF

#FF41D4 #FF59DF #FF71E9 #FF89F1 #FFA1F7 #FFB9FC #FFD2FF

#FF41D4 - #FF89F1 - #FFD2FF

CSSコード

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

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