#8B8690 - #282629 | colorate

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

Blend #8B8690 to #282629

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

RGBブレンド

#8B8690 - #282629 | colorate

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

0.0%	0.0% #8B8690	RGB 139 134 144	#8B8690
16.7%	16.7% #7A767E	RGB 122 118 126	#7A767E
33.3%	33.3% #6A666D	RGB 106 102 109	#6A666D
50.0%	50.0% #59565C	RGB 89 86 92	#59565C
66.7%	66.7% #49464B	RGB 73 70 75	#49464B
83.3%	83.3% #38363A	RGB 56 54 58	#38363A
100.0%	100.0% #282629	RGB 40 38 41	#282629

#8B8690 #7A767E #6A666D #59565C #49464B #38363A #282629

#8B8690 - #282629

HSVブレンド

#8B8690 - #282629 | colorate

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

0.0%	0.0% #8B8690	RGB 139 134 144	#8B8690
16.7%	16.7% #7A757E	RGB 122 117 126	#7A757E
33.3%	33.3% #6A656D	RGB 106 101 109	#6A656D
50.0%	50.0% #59555C	RGB 89 85 92	#59555C
66.7%	66.7% #49454B	RGB 73 69 75	#49454B
83.3%	83.3% #38353A	RGB 56 53 58	#38353A
100.0%	100.0% #282629	RGB 40 38 41	#282629

#8B8690 #7A757E #6A656D #59555C #49454B #38353A #282629

#8B8690 - #59555C - #282629

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B8690 0%, #59555C 50%, #282629 100%);
    background: -webkit-linear-gradient(top, #8B8690 0%, #59555C 50%, #282629 100%);
    background: linear-gradient(to bottom, #8B8690 0%, #59555C 50%, #282629 100%);
}
</style>