#8F528A - #640836 | colorate

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

Blend #8F528A to #640836

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

RGBブレンド

#8F528A - #640836 | colorate

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

0.0%	0.0% #8F528A	RGB 143 82 138	#8F528A
16.7%	16.7% #87457C	RGB 135 69 124	#87457C
33.3%	33.3% #80396E	RGB 128 57 110	#80396E
50.0%	50.0% #792D60	RGB 121 45 96	#792D60
66.7%	66.7% #722052	RGB 114 32 82	#722052
83.3%	83.3% #6B1444	RGB 107 20 68	#6B1444
100.0%	100.0% #640836	RGB 100 8 54	#640836

#8F528A #87457C #80396E #792D60 #722052 #6B1444 #640836

#8F528A - #640836

HSVブレンド

#8F528A - #640836 | colorate

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

0.0%	0.0% #8F528A	RGB 143 82 138	#8F528A
16.7%	16.7% #87427D	RGB 135 66 125	#87427D
33.3%	33.3% #80346F	RGB 128 52 111	#80346F
50.0%	50.0% #792761	RGB 121 39 97	#792761
66.7%	66.7% #721B53	RGB 114 27 83	#721B53
83.3%	83.3% #6B1144	RGB 107 17 68	#6B1144
100.0%	100.0% #640836	RGB 100 8 54	#640836

#8F528A #87427D #80346F #792761 #721B53 #6B1144 #640836

#8F528A - #792761 - #640836

CSSコード

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

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