#8F688A - #3E2139 | colorate

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

Blend #8F688A to #3E2139

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

RGBブレンド

#8F688A - #3E2139 | colorate

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

0.0%	0.0% #8F688A	RGB 143 104 138	#8F688A
16.7%	16.7% #815C7C	RGB 129 92 124	#815C7C
33.3%	33.3% #74506F	RGB 116 80 111	#74506F
50.0%	50.0% #664461	RGB 102 68 97	#664461
66.7%	66.7% #593854	RGB 89 56 84	#593854
83.3%	83.3% #4B2C46	RGB 75 44 70	#4B2C46
100.0%	100.0% #3E2139	RGB 62 33 57	#3E2139

#8F688A #815C7C #74506F #664461 #593854 #4B2C46 #3E2139

#8F688A - #3E2139

HSVブレンド

#8F688A - #3E2139 | colorate

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

0.0%	0.0% #8F688A	RGB 143 104 138	#8F688A
16.7%	16.7% #81597C	RGB 129 89 124	#81597C
33.3%	33.3% #744C6E	RGB 116 76 110	#744C6E
50.0%	50.0% #664060	RGB 102 64 96	#664060
66.7%	66.7% #593553	RGB 89 53 83	#593553
83.3%	83.3% #4B2A46	RGB 75 42 70	#4B2A46
100.0%	100.0% #3E2139	RGB 62 33 57	#3E2139

#8F688A #81597C #744C6E #664060 #593553 #4B2A46 #3E2139

#8F688A - #664060 - #3E2139

CSSコード

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

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