#EB6B87 - #AD022E | colorate

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

Blend #EB6B87 to #AD022E

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

RGBブレンド

#EB6B87 - #AD022E | colorate

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

0.0%	0.0% #EB6B87	RGB 235 107 135	#EB6B87
16.7%	16.7% #E05978	RGB 224 89 120	#E05978
33.3%	33.3% #D64869	RGB 214 72 105	#D64869
50.0%	50.0% #CC365A	RGB 204 54 90	#CC365A
66.7%	66.7% #C1254B	RGB 193 37 75	#C1254B
83.3%	83.3% #B7133C	RGB 183 19 60	#B7133C
100.0%	100.0% #AD022E	RGB 173 2 46	#AD022E

#EB6B87 #E05978 #D64869 #CC365A #C1254B #B7133C #AD022E

#EB6B87 - #AD022E

HSVブレンド

#EB6B87 - #AD022E | colorate

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

0.0%	0.0% #EB6B86	RGB 235 107 134	#EB6B86
16.7%	16.7% #E05574	RGB 224 85 116	#E05574
33.3%	33.3% #D64164	RGB 214 65 100	#D64164
50.0%	50.0% #CC2F54	RGB 204 47 84	#CC2F54
66.7%	66.7% #C11E46	RGB 193 30 70	#C11E46
83.3%	83.3% #B70F39	RGB 183 15 57	#B70F39
100.0%	100.0% #AD022E	RGB 173 2 46	#AD022E

#EB6B86 #E05574 #D64164 #CC2F54 #C11E46 #B70F39 #AD022E

#EB6B87 - #CC2F54 - #AD022E

CSSコード

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

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