#8A7D8F - #755A74 | colorate

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

Blend #8A7D8F to #755A74

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

RGBブレンド

#8A7D8F - #755A74 | colorate

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

0.0%	0.0% #8A7D8F	RGB 138 125 143	#8A7D8F
16.7%	16.7% #86778A	RGB 134 119 138	#86778A
33.3%	33.3% #837186	RGB 131 113 134	#837186
50.0%	50.0% #7F6B81	RGB 127 107 129	#7F6B81
66.7%	66.7% #7C657D	RGB 124 101 125	#7C657D
83.3%	83.3% #785F78	RGB 120 95 120	#785F78
100.0%	100.0% #755A74	RGB 117 90 116	#755A74

#8A7D8F #86778A #837186 #7F6B81 #7C657D #785F78 #755A74

#8A7D8F - #755A74

HSVブレンド

#8A7D8F - #755A74 | colorate

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

0.0%	0.0% #8A7D8F	RGB 138 125 143	#8A7D8F
16.7%	16.7% #86768A	RGB 134 118 138	#86768A
33.3%	33.3% #827086	RGB 130 112 134	#827086
50.0%	50.0% #7F6A82	RGB 127 106 130	#7F6A82
66.7%	66.7% #7B657D	RGB 123 101 125	#7B657D
83.3%	83.3% #785F79	RGB 120 95 121	#785F79
100.0%	100.0% #755A74	RGB 117 90 116	#755A74

#8A7D8F #86768A #827086 #7F6A82 #7B657D #785F79 #755A74

#8A7D8F - #7F6A82 - #755A74

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A7D8F 0%, #7F6A82 50%, #755A74 100%);
    background: -webkit-linear-gradient(top, #8A7D8F 0%, #7F6A82 50%, #755A74 100%);
    background: linear-gradient(to bottom, #8A7D8F 0%, #7F6A82 50%, #755A74 100%);
}
</style>