#8F747E - #9B7B76 | colorate

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

Blend #8F747E to #9B7B76

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

RGBブレンド

#8F747E - #9B7B76 | colorate

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

0.0%	0.0% #8F747E	RGB 143 116 126	#8F747E
16.7%	16.7% #91757C	RGB 145 117 124	#91757C
33.3%	33.3% #93767B	RGB 147 118 123	#93767B
50.0%	50.0% #95777A	RGB 149 119 122	#95777A
66.7%	66.7% #977878	RGB 151 120 120	#977878
83.3%	83.3% #997977	RGB 153 121 119	#997977
100.0%	100.0% #9B7B76	RGB 155 123 118	#9B7B76

#8F747E #91757C #93767B #95777A #977878 #997977 #9B7B76

#8F747E - #9B7B76

HSVブレンド

#8F747E - #9B7B76 | colorate

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

0.0%	0.0% #8F747E	RGB 143 116 126	#8F747E
16.7%	16.7% #91747C	RGB 145 116 124	#91747C
33.3%	33.3% #93747A	RGB 147 116 122	#93747A
50.0%	50.0% #957578	RGB 149 117 120	#957578
66.7%	66.7% #977576	RGB 151 117 118	#977576
83.3%	83.3% #997775	RGB 153 119 117	#997775
100.0%	100.0% #9B7B76	RGB 155 123 118	#9B7B76

#8F747E #91747C #93747A #957578 #977576 #997775 #9B7B76

#8F747E - #957578 - #9B7B76

CSSコード

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

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