#FFF0F3 - #D9AEB4 | colorate

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

Blend #FFF0F3 to #D9AEB4

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

RGBブレンド

#FFF0F3 - #D9AEB4 | colorate

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

0.0%	0.0% #FFF0F3	RGB 255 240 243	#FFF0F3
16.7%	16.7% #F8E5E8	RGB 248 229 232	#F8E5E8
33.3%	33.3% #F2DADE	RGB 242 218 222	#F2DADE
50.0%	50.0% #ECCFD3	RGB 236 207 211	#ECCFD3
66.7%	66.7% #E5C4C9	RGB 229 196 201	#E5C4C9
83.3%	83.3% #DFB9BE	RGB 223 185 190	#DFB9BE
100.0%	100.0% #D9AEB4	RGB 217 174 180	#D9AEB4

#FFF0F3 #F8E5E8 #F2DADE #ECCFD3 #E5C4C9 #DFB9BE #D9AEB4

#FFF0F3 - #D9AEB4

HSVブレンド

#FFF0F3 - #D9AEB4 | colorate

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

0.0%	0.0% #FFF0F3	RGB 255 240 243	#FFF0F3
16.7%	16.7% #F8E4E8	RGB 248 228 232	#F8E4E8
33.3%	33.3% #F2D8DD	RGB 242 216 221	#F2D8DD
50.0%	50.0% #ECCDD2	RGB 236 205 210	#ECCDD2
66.7%	66.7% #E5C2C8	RGB 229 194 200	#E5C2C8
83.3%	83.3% #DFB8BE	RGB 223 184 190	#DFB8BE
100.0%	100.0% #D9AEB4	RGB 217 174 180	#D9AEB4

#FFF0F3 #F8E4E8 #F2D8DD #ECCDD2 #E5C2C8 #DFB8BE #D9AEB4

#FFF0F3 - #ECCDD2 - #D9AEB4

CSSコード

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

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