#989192 - #A49994 | colorate

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

Blend #989192 to #A49994

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

RGBブレンド

#989192 - #A49994 | colorate

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

0.0%	0.0% #989192	RGB 152 145 146	#989192
16.7%	16.7% #9A9292	RGB 154 146 146	#9A9292
33.3%	33.3% #9C9392	RGB 156 147 146	#9C9392
50.0%	50.0% #9E9593	RGB 158 149 147	#9E9593
66.7%	66.7% #A09693	RGB 160 150 147	#A09693
83.3%	83.3% #A29793	RGB 162 151 147	#A29793
100.0%	100.0% #A49994	RGB 164 153 148	#A49994

#989192 #9A9292 #9C9392 #9E9593 #A09693 #A29793 #A49994

#989192 - #A49994

HSVブレンド

#989192 - #A49994 | colorate

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

0.0%	0.0% #989192	RGB 152 145 146	#989192
16.7%	16.7% #9A9192	RGB 154 145 146	#9A9192
33.3%	33.3% #9C9292	RGB 156 146 146	#9C9292
50.0%	50.0% #9E9392	RGB 158 147 146	#9E9392
66.7%	66.7% #A09593	RGB 160 149 147	#A09593
83.3%	83.3% #A29693	RGB 162 150 147	#A29693
100.0%	100.0% #A49994	RGB 164 153 148	#A49994

#989192 #9A9192 #9C9292 #9E9392 #A09593 #A29693 #A49994

#989192 - #9E9392 - #A49994

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #989192 0%, #9E9392 50%, #A49994 100%);
    background: -webkit-linear-gradient(top, #989192 0%, #9E9392 50%, #A49994 100%);
    background: linear-gradient(to bottom, #989192 0%, #9E9392 50%, #A49994 100%);
}
</style>