#A7B3A4 - #181917 | colorate

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

Blend #A7B3A4 to #181917

#A7B3A4

#181917

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

RGBブレンド

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

0.0%	0.0% #A7B3A4	RGB 167 179 164	#A7B3A4
16.7%	16.7% #909A8D	RGB 144 154 141	#909A8D
33.3%	33.3% #788075	RGB 120 128 117	#788075
50.0%	50.0% #60665E	RGB 96 102 94	#60665E
66.7%	66.7% #484D46	RGB 72 77 70	#484D46
83.3%	83.3% #30332F	RGB 48 51 47	#30332F
100.0%	100.0% #181917	RGB 24 25 23	#181917

#A7B3A4 #909A8D #788075 #60665E #484D46 #30332F #181917

#A7B3A4 - #181917

HSVブレンド

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

0.0%	0.0% #A7B3A4	RGB 167 179 164	#A7B3A4
16.7%	16.7% #8F998C	RGB 143 153 140	#8F998C
33.3%	33.3% #787F75	RGB 120 127 117	#787F75
50.0%	50.0% #60665D	RGB 96 102 93	#60665D
66.7%	66.7% #484C46	RGB 72 76 70	#484C46
83.3%	83.3% #30322E	RGB 48 50 46	#30322E
100.0%	100.0% #181917	RGB 24 25 23	#181917

#A7B3A4 #8F998C #787F75 #60665D #484C46 #30322E #181917

#A7B3A4 - #60665D - #181917

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #A7B3A4 0%, #60665D 50%, #181917 100%);
    background: -webkit-linear-gradient(top, #A7B3A4 0%, #60665D 50%, #181917 100%);
    background: linear-gradient(to bottom, #A7B3A4 0%, #60665D 50%, #181917 100%); 
}
</style>