#E5A8D0 - #BA3F87 | colorate

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

Blend #E5A8D0 to #BA3F87

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

RGBブレンド

#E5A8D0 - #BA3F87 | colorate

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

0.0%	0.0% #E5A8D0	RGB 229 168 208	#E5A8D0
16.7%	16.7% #DD96C3	RGB 221 150 195	#DD96C3
33.3%	33.3% #D685B7	RGB 214 133 183	#D685B7
50.0%	50.0% #CF73AB	RGB 207 115 171	#CF73AB
66.7%	66.7% #C8629F	RGB 200 98 159	#C8629F
83.3%	83.3% #C15093	RGB 193 80 147	#C15093
100.0%	100.0% #BA3F87	RGB 186 63 135	#BA3F87

#E5A8D0 #DD96C3 #D685B7 #CF73AB #C8629F #C15093 #BA3F87

#E5A8D0 - #BA3F87

HSVブレンド

#E5A8D0 - #BA3F87 | colorate

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

0.0%	0.0% #E5A8D0	RGB 229 168 208	#E5A8D0
16.7%	16.7% #DD94C3	RGB 221 148 195	#DD94C3
33.3%	33.3% #D681B7	RGB 214 129 183	#D681B7
50.0%	50.0% #CF6FAA	RGB 207 111 170	#CF6FAA
66.7%	66.7% #C85E9E	RGB 200 94 158	#C85E9E
83.3%	83.3% #C14E92	RGB 193 78 146	#C14E92
100.0%	100.0% #BA3F87	RGB 186 63 135	#BA3F87

#E5A8D0 #DD94C3 #D681B7 #CF6FAA #C85E9E #C14E92 #BA3F87

#E5A8D0 - #CF6FAA - #BA3F87

CSSコード

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

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