#ADAEA8 - #67544A | colorate

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

Blend #ADAEA8 to #67544A

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

RGBブレンド

#ADAEA8 - #67544A | colorate

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

0.0%	0.0% #ADAEA8	RGB 173 174 168	#ADAEA8
16.7%	16.7% #A19F98	RGB 161 159 152	#A19F98
33.3%	33.3% #959088	RGB 149 144 136	#959088
50.0%	50.0% #8A8179	RGB 138 129 121	#8A8179
66.7%	66.7% #7E7269	RGB 126 114 105	#7E7269
83.3%	83.3% #726359	RGB 114 99 89	#726359
100.0%	100.0% #67544A	RGB 103 84 74	#67544A

#ADAEA8 #A19F98 #959088 #8A8179 #7E7269 #726359 #67544A

#ADAEA8 - #67544A

HSVブレンド

#ADAEA8 - #67544A | colorate

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

0.0%	0.0% #ADAEA8	RGB 173 174 168	#ADAEA8
16.7%	16.7% #A1A295	RGB 161 162 149	#A1A295
33.3%	33.3% #969484	RGB 150 148 132	#969484
50.0%	50.0% #8A8574	RGB 138 133 116	#8A8574
66.7%	66.7% #7E7565	RGB 126 117 101	#7E7565
83.3%	83.3% #726457	RGB 114 100 87	#726457
100.0%	100.0% #67544A	RGB 103 84 74	#67544A

#ADAEA8 #A1A295 #969484 #8A8574 #7E7565 #726457 #67544A

#ADAEA8 - #8A8574 - #67544A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADAEA8 0%, #8A8574 50%, #67544A 100%);
    background: -webkit-linear-gradient(top, #ADAEA8 0%, #8A8574 50%, #67544A 100%);
    background: linear-gradient(to bottom, #ADAEA8 0%, #8A8574 50%, #67544A 100%);
}
</style>