#EB6AA7 - #AC055A | colorate

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

Blend #EB6AA7 to #AC055A

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

RGBブレンド

#EB6AA7 - #AC055A | colorate

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

0.0%	0.0% #EB6AA7	RGB 235 106 167	#EB6AA7
16.7%	16.7% #E0599A	RGB 224 89 154	#E0599A
33.3%	33.3% #D6488D	RGB 214 72 141	#D6488D
50.0%	50.0% #CB3780	RGB 203 55 128	#CB3780
66.7%	66.7% #C12673	RGB 193 38 115	#C12673
83.3%	83.3% #B61566	RGB 182 21 102	#B61566
100.0%	100.0% #AC055A	RGB 172 5 90	#AC055A

#EB6AA7 #E0599A #D6488D #CB3780 #C12673 #B61566 #AC055A

#EB6AA7 - #AC055A

HSVブレンド

#EB6AA7 - #AC055A | colorate

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

0.0%	0.0% #EB6AA6	RGB 235 106 166	#EB6AA6
16.7%	16.7% #E05598	RGB 224 85 152	#E05598
33.3%	33.3% #D64289	RGB 214 66 137	#D64289
50.0%	50.0% #CB307C	RGB 203 48 124	#CB307C
66.7%	66.7% #C12070	RGB 193 32 112	#C12070
83.3%	83.3% #B61264	RGB 182 18 100	#B61264
100.0%	100.0% #AC055A	RGB 172 5 90	#AC055A

#EB6AA6 #E05598 #D64289 #CB307C #C12070 #B61264 #AC055A

#EB6AA7 - #CB307C - #AC055A

CSSコード

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

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