#873D8F - #3D8F87 | colorate

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

Blend #873D8F to #3D8F87

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

RGBブレンド

#873D8F - #3D8F87 | colorate

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

0.0%	0.0% #873D8F	RGB 135 61 143	#873D8F
16.7%	16.7% #7A4A8D	RGB 122 74 141	#7A4A8D
33.3%	33.3% #6E588C	RGB 110 88 140	#6E588C
50.0%	50.0% #62668B	RGB 98 102 139	#62668B
66.7%	66.7% #557389	RGB 85 115 137	#557389
83.3%	83.3% #498188	RGB 73 129 136	#498188
100.0%	100.0% #3D8F87	RGB 61 143 135	#3D8F87

#873D8F #7A4A8D #6E588C #62668B #557389 #498188 #3D8F87

#873D8F - #3D8F87

HSVブレンド

#873D8F - #3D8F87 | colorate

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

0.0%	0.0% #873D8F	RGB 135 61 143	#873D8F
16.7%	16.7% #6B3D8F	RGB 107 61 143	#6B3D8F
33.3%	33.3% #503D8F	RGB 80 61 143	#503D8F
50.0%	50.0% #3D458F	RGB 61 69 143	#3D458F
66.7%	66.7% #3D608F	RGB 61 96 143	#3D608F
83.3%	83.3% #3D7B8F	RGB 61 123 143	#3D7B8F
100.0%	100.0% #3D8F87	RGB 61 143 135	#3D8F87

#873D8F #6B3D8F #503D8F #3D458F #3D608F #3D7B8F #3D8F87

#873D8F - #3D458F - #3D8F87

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #873D8F 0%, #3D458F 50%, #3D8F87 100%);
    background: -webkit-linear-gradient(top, #873D8F 0%, #3D458F 50%, #3D8F87 100%);
    background: linear-gradient(to bottom, #873D8F 0%, #3D458F 50%, #3D8F87 100%);
}
</style>