#FFA3C7 - #D5397C | colorate

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

Blend #FFA3C7 to #D5397C

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

RGBブレンド

#FFA3C7 - #D5397C | colorate

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

0.0%	0.0% #FFA3C7	RGB 255 163 199	#FFA3C7
16.7%	16.7% #F891BA	RGB 248 145 186	#F891BA
33.3%	33.3% #F17FAE	RGB 241 127 174	#F17FAE
50.0%	50.0% #EA6EA1	RGB 234 110 161	#EA6EA1
66.7%	66.7% #E35C95	RGB 227 92 149	#E35C95
83.3%	83.3% #DC4A88	RGB 220 74 136	#DC4A88
100.0%	100.0% #D5397C	RGB 213 57 124	#D5397C

#FFA3C7 #F891BA #F17FAE #EA6EA1 #E35C95 #DC4A88 #D5397C

#FFA3C7 - #D5397C

HSVブレンド

#FFA3C7 - #D5397C | colorate

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

0.0%	0.0% #FFA3C7	RGB 255 163 199	#FFA3C7
16.7%	16.7% #F88FB8	RGB 248 143 184	#F88FB8
33.3%	33.3% #F17CAB	RGB 241 124 171	#F17CAB
50.0%	50.0% #EA6A9E	RGB 234 106 158	#EA6A9E
66.7%	66.7% #E35892	RGB 227 88 146	#E35892
83.3%	83.3% #DC4886	RGB 220 72 134	#DC4886
100.0%	100.0% #D5397C	RGB 213 57 124	#D5397C

#FFA3C7 #F88FB8 #F17CAB #EA6A9E #E35892 #DC4886 #D5397C

#FFA3C7 - #EA6A9E - #D5397C

CSSコード

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

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