#9A9496 - #6A4547 | colorate

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

Blend #9A9496 to #6A4547

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

RGBブレンド

#9A9496 - #6A4547 | colorate

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

0.0%	0.0% #9A9496	RGB 154 148 150	#9A9496
16.7%	16.7% #928688	RGB 146 134 136	#928688
33.3%	33.3% #8A797B	RGB 138 121 123	#8A797B
50.0%	50.0% #826C6E	RGB 130 108 110	#826C6E
66.7%	66.7% #7A5F61	RGB 122 95 97	#7A5F61
83.3%	83.3% #725254	RGB 114 82 84	#725254
100.0%	100.0% #6A4547	RGB 106 69 71	#6A4547

#9A9496 #928688 #8A797B #826C6E #7A5F61 #725254 #6A4547

#9A9496 - #6A4547

HSVブレンド

#9A9496 - #6A4547 | colorate

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

0.0%	0.0% #9A9496	RGB 154 148 150	#9A9496
16.7%	16.7% #928488	RGB 146 132 136	#928488
33.3%	33.3% #8A767B	RGB 138 118 123	#8A767B
50.0%	50.0% #82686D	RGB 130 104 109	#82686D
66.7%	66.7% #7A5C60	RGB 122 92 96	#7A5C60
83.3%	83.3% #725053	RGB 114 80 83	#725053
100.0%	100.0% #6A4547	RGB 106 69 71	#6A4547

#9A9496 #928488 #8A767B #82686D #7A5C60 #725053 #6A4547

#9A9496 - #82686D - #6A4547

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A9496 0%, #82686D 50%, #6A4547 100%);
    background: -webkit-linear-gradient(top, #9A9496 0%, #82686D 50%, #6A4547 100%);
    background: linear-gradient(to bottom, #9A9496 0%, #82686D 50%, #6A4547 100%);
}
</style>