#FF5FB9 - #FFD9DF | colorate

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

Blend #FF5FB9 to #FFD9DF

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

RGBブレンド

#FF5FB9 - #FFD9DF | colorate

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

0.0%	0.0% #FF5FB9	RGB 255 95 185	#FF5FB9
16.7%	16.7% #FF73BF	RGB 255 115 191	#FF73BF
33.3%	33.3% #FF87C5	RGB 255 135 197	#FF87C5
50.0%	50.0% #FF9CCC	RGB 255 156 204	#FF9CCC
66.7%	66.7% #FFB0D2	RGB 255 176 210	#FFB0D2
83.3%	83.3% #FFC4D8	RGB 255 196 216	#FFC4D8
100.0%	100.0% #FFD9DF	RGB 255 217 223	#FFD9DF

#FF5FB9 #FF73BF #FF87C5 #FF9CCC #FFB0D2 #FFC4D8 #FFD9DF

#FF5FB9 - #FFD9DF

HSVブレンド

#FF5FB9 - #FFD9DF | colorate

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

0.0%	0.0% #FF5FB9	RGB 255 95 185	#FF5FB9
16.7%	16.7% #FF73B8	RGB 255 115 184	#FF73B8
33.3%	33.3% #FF87BA	RGB 255 135 186	#FF87BA
50.0%	50.0% #FF9CBF	RGB 255 156 191	#FF9CBF
66.7%	66.7% #FFB0C7	RGB 255 176 199	#FFB0C7
83.3%	83.3% #FFC4D1	RGB 255 196 209	#FFC4D1
100.0%	100.0% #FFD9DF	RGB 255 217 223	#FFD9DF

#FF5FB9 #FF73B8 #FF87BA #FF9CBF #FFB0C7 #FFC4D1 #FFD9DF

#FF5FB9 - #FF9CBF - #FFD9DF

CSSコード

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

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