#8F2E5A - #E87874 | colorate

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

Blend #8F2E5A to #E87874

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

RGBブレンド

#8F2E5A - #E87874 | colorate

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

0.0%	0.0% #8F2E5A	RGB 143 46 90	#8F2E5A
16.7%	16.7% #9D3A5E	RGB 157 58 94	#9D3A5E
33.3%	33.3% #AC4662	RGB 172 70 98	#AC4662
50.0%	50.0% #BB5367	RGB 187 83 103	#BB5367
66.7%	66.7% #CA5F6B	RGB 202 95 107	#CA5F6B
83.3%	83.3% #D96B6F	RGB 217 107 111	#D96B6F
100.0%	100.0% #E87874	RGB 232 120 116	#E87874

#8F2E5A #9D3A5E #AC4662 #BB5367 #CA5F6B #D96B6F #E87874

#8F2E5A - #E87874

HSVブレンド

#8F2E5A - #E87874 | colorate

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

0.0%	0.0% #8F2E5A	RGB 143 46 90	#8F2E5A
16.7%	16.7% #9D375D	RGB 157 55 93	#9D375D
33.3%	33.3% #AC4160	RGB 172 65 96	#AC4160
50.0%	50.0% #BB4D64	RGB 187 77 100	#BB4D64
66.7%	66.7% #CA5967	RGB 202 89 103	#CA5967
83.3%	83.3% #D9666B	RGB 217 102 107	#D9666B
100.0%	100.0% #E87874	RGB 232 120 116	#E87874

#8F2E5A #9D375D #AC4160 #BB4D64 #CA5967 #D9666B #E87874

#8F2E5A - #BB4D64 - #E87874

CSSコード

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

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