#FF95FB - #C92DCE | colorate

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

Blend #FF95FB to #C92DCE

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

RGBブレンド

#FF95FB - #C92DCE | colorate

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

0.0%	0.0% #FF95FB	RGB 255 149 251	#FF95FB
16.7%	16.7% #F683F3	RGB 246 131 243	#F683F3
33.3%	33.3% #ED72EC	RGB 237 114 236	#ED72EC
50.0%	50.0% #E461E4	RGB 228 97 228	#E461E4
66.7%	66.7% #DB4FDD	RGB 219 79 221	#DB4FDD
83.3%	83.3% #D23ED5	RGB 210 62 213	#D23ED5
100.0%	100.0% #C92DCE	RGB 201 45 206	#C92DCE

#FF95FB #F683F3 #ED72EC #E461E4 #DB4FDD #D23ED5 #C92DCE

#FF95FB - #C92DCE

HSVブレンド

#FF95FB - #C92DCE | colorate

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

0.0%	0.0% #FF95FB	RGB 255 149 251	#FF95FB
16.7%	16.7% #F681F3	RGB 246 129 243	#F681F3
33.3%	33.3% #EE6EEC	RGB 238 110 236	#EE6EEC
50.0%	50.0% #E65CE6	RGB 230 92 230	#E65CE6
66.7%	66.7% #DD4BDE	RGB 221 75 222	#DD4BDE
83.3%	83.3% #D33BD6	RGB 211 59 214	#D33BD6
100.0%	100.0% #C92DCE	RGB 201 45 206	#C92DCE

#FF95FB #F681F3 #EE6EEC #E65CE6 #DD4BDE #D33BD6 #C92DCE

#FF95FB - #E65CE6 - #C92DCE

CSSコード

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

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