#919192 - #DBC4A2 | colorate

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

Blend #919192 to #DBC4A2

#919192 #DBC4A2

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

RGBブレンド

#919192 - #DBC4A2 | colorate

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

0.0%	0.0% #919192	RGB 145 145 146	#919192
16.7%	16.7% #9D9994	RGB 157 153 148	#9D9994
33.3%	33.3% #A9A297	RGB 169 162 151	#A9A297
50.0%	50.0% #B6AA9A	RGB 182 170 154	#B6AA9A
66.7%	66.7% #C2B39C	RGB 194 179 156	#C2B39C
83.3%	83.3% #CEBB9F	RGB 206 187 159	#CEBB9F
100.0%	100.0% #DBC4A2	RGB 219 196 162	#DBC4A2

#919192 #9D9994 #A9A297 #B6AA9A #C2B39C #CEBB9F #DBC4A2

#919192 - #DBC4A2

HSVブレンド

#919192 - #DBC4A2 | colorate

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

0.0%	0.0% #919192	RGB 145 145 146	#919192
16.7%	16.7% #99969E	RGB 153 150 158	#99969E
33.3%	33.3% #A89AAA	RGB 168 154 170	#A89AAA
50.0%	50.0% #B69EAF	RGB 182 158 175	#B69EAF
66.7%	66.7% #C2A0A9	RGB 194 160 169	#C2A0A9
83.3%	83.3% #CEA9A1	RGB 206 169 161	#CEA9A1
100.0%	100.0% #DBC4A2	RGB 219 196 162	#DBC4A2

#919192 #99969E #A89AAA #B69EAF #C2A0A9 #CEA9A1 #DBC4A2

#919192 - #B69EAF - #DBC4A2

CSSコード

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

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