#8F4C6E - #753240 | colorate

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

Blend #8F4C6E to #753240

#8F4C6E #753240

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

RGBブレンド

#8F4C6E - #753240 | colorate

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

0.0%	0.0% #8F4C6E	RGB 143 76 110	#8F4C6E
16.7%	16.7% #8A4766	RGB 138 71 102	#8A4766
33.3%	33.3% #86435E	RGB 134 67 94	#86435E
50.0%	50.0% #823F57	RGB 130 63 87	#823F57
66.7%	66.7% #7D3A4F	RGB 125 58 79	#7D3A4F
83.3%	83.3% #793647	RGB 121 54 71	#793647
100.0%	100.0% #753240	RGB 117 50 64	#753240

#8F4C6E #8A4766 #86435E #823F57 #7D3A4F #793647 #753240

#8F4C6E - #753240

HSVブレンド

#8F4C6E - #753240 | colorate

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

0.0%	0.0% #8F4C6E	RGB 143 76 110	#8F4C6E
16.7%	16.7% #8A4766	RGB 138 71 102	#8A4766
33.3%	33.3% #86425E	RGB 134 66 94	#86425E
50.0%	50.0% #823E56	RGB 130 62 86	#823E56
66.7%	66.7% #7D3A4E	RGB 125 58 78	#7D3A4E
83.3%	83.3% #793547	RGB 121 53 71	#793547
100.0%	100.0% #753240	RGB 117 50 64	#753240

#8F4C6E #8A4766 #86425E #823E56 #7D3A4E #793547 #753240

#8F4C6E - #823E56 - #753240

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #8F4C6E 0%, #823E56 50%, #753240 100%);
    background: -webkit-linear-gradient(top, #8F4C6E 0%, #823E56 50%, #753240 100%);
    background: linear-gradient(to bottom, #8F4C6E 0%, #823E56 50%, #753240 100%);
}
</style>