#A3A3A2 - #77694B | colorate

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

Blend #A3A3A2 to #77694B

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

RGBブレンド

#A3A3A2 - #77694B | colorate

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

0.0%	0.0% #A3A3A2	RGB 163 163 162	#A3A3A2
16.7%	16.7% #9B9993	RGB 155 153 147	#9B9993
33.3%	33.3% #948F85	RGB 148 143 133	#948F85
50.0%	50.0% #8D8676	RGB 141 134 118	#8D8676
66.7%	66.7% #857C68	RGB 133 124 104	#857C68
83.3%	83.3% #7E7259	RGB 126 114 89	#7E7259
100.0%	100.0% #77694B	RGB 119 105 75	#77694B

#A3A3A2 #9B9993 #948F85 #8D8676 #857C68 #7E7259 #77694B

#A3A3A2 - #77694B

HSVブレンド

#A3A3A2 - #77694B | colorate

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

0.0%	0.0% #A3A3A2	RGB 163 163 162	#A3A3A2
16.7%	16.7% #9B9B91	RGB 155 155 145	#9B9B91
33.3%	33.3% #949281	RGB 148 146 129	#949281
50.0%	50.0% #8D8872	RGB 141 136 114	#8D8872
66.7%	66.7% #857E64	RGB 133 126 100	#857E64
83.3%	83.3% #7E7357	RGB 126 115 87	#7E7357
100.0%	100.0% #77694B	RGB 119 105 75	#77694B

#A3A3A2 #9B9B91 #949281 #8D8872 #857E64 #7E7357 #77694B

#A3A3A2 - #8D8872 - #77694B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A3A3A2 0%, #8D8872 50%, #77694B 100%);
    background: -webkit-linear-gradient(top, #A3A3A2 0%, #8D8872 50%, #77694B 100%);
    background: linear-gradient(to bottom, #A3A3A2 0%, #8D8872 50%, #77694B 100%);
}
</style>