#A8AAA2 - #65724B | colorate

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

Blend #A8AAA2 to #65724B

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

RGBブレンド

#A8AAA2 - #65724B | colorate

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

0.0%	0.0% #A8AAA2	RGB 168 170 162	#A8AAA2
16.7%	16.7% #9CA093	RGB 156 160 147	#9CA093
33.3%	33.3% #919785	RGB 145 151 133	#919785
50.0%	50.0% #868E76	RGB 134 142 118	#868E76
66.7%	66.7% #7B8468	RGB 123 132 104	#7B8468
83.3%	83.3% #707B59	RGB 112 123 89	#707B59
100.0%	100.0% #65724B	RGB 101 114 75	#65724B

#A8AAA2 #9CA093 #919785 #868E76 #7B8468 #707B59 #65724B

#A8AAA2 - #65724B

HSVブレンド

#A8AAA2 - #65724B | colorate

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

0.0%	0.0% #A8AAA2	RGB 168 170 162	#A8AAA2
16.7%	16.7% #9CA091	RGB 156 160 145	#9CA091
33.3%	33.3% #919781	RGB 145 151 129	#919781
50.0%	50.0% #858E72	RGB 133 142 114	#858E72
66.7%	66.7% #7A8464	RGB 122 132 100	#7A8464
83.3%	83.3% #6F7B57	RGB 111 123 87	#6F7B57
100.0%	100.0% #65724B	RGB 101 114 75	#65724B

#A8AAA2 #9CA091 #919781 #858E72 #7A8464 #6F7B57 #65724B

#A8AAA2 - #858E72 - #65724B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AAA2 0%, #858E72 50%, #65724B 100%);
    background: -webkit-linear-gradient(top, #A8AAA2 0%, #858E72 50%, #65724B 100%);
    background: linear-gradient(to bottom, #A8AAA2 0%, #858E72 50%, #65724B 100%);
}
</style>