#EAB5E2 - #C5489F | colorate

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

Blend #EAB5E2 to #C5489F

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

RGBブレンド

#EAB5E2 - #C5489F | colorate

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

0.0%	0.0% #EAB5E2	RGB 234 181 226	#EAB5E2
16.7%	16.7% #E3A2D6	RGB 227 162 214	#E3A2D6
33.3%	33.3% #DD90CB	RGB 221 144 203	#DD90CB
50.0%	50.0% #D77EC0	RGB 215 126 192	#D77EC0
66.7%	66.7% #D16CB5	RGB 209 108 181	#D16CB5
83.3%	83.3% #CB5AAA	RGB 203 90 170	#CB5AAA
100.0%	100.0% #C5489F	RGB 197 72 159	#C5489F

#EAB5E2 #E3A2D6 #DD90CB #D77EC0 #D16CB5 #CB5AAA #C5489F

#EAB5E2 - #C5489F

HSVブレンド

#EAB5E2 - #C5489F | colorate

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

0.0%	0.0% #EAB5E2	RGB 234 181 226	#EAB5E2
16.7%	16.7% #E3A0D7	RGB 227 160 215	#E3A0D7
33.3%	33.3% #DD8DCD	RGB 221 141 205	#DD8DCD
50.0%	50.0% #D77AC2	RGB 215 122 194	#D77AC2
66.7%	66.7% #D168B6	RGB 209 104 182	#D168B6
83.3%	83.3% #CB58AB	RGB 203 88 171	#CB58AB
100.0%	100.0% #C5489F	RGB 197 72 159	#C5489F

#EAB5E2 #E3A0D7 #DD8DCD #D77AC2 #D168B6 #CB58AB #C5489F

#EAB5E2 - #D77AC2 - #C5489F

CSSコード

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

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