#091200 - #B8BBB6 | colorate

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

Blend #091200 to #B8BBB6

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

RGBブレンド

#091200 - #B8BBB6 | colorate

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

0.0%	0.0% #091200	RGB 9 18 0	#091200
16.7%	16.7% #262E1E	RGB 38 46 30	#262E1E
33.3%	33.3% #434A3C	RGB 67 74 60	#434A3C
50.0%	50.0% #60665B	RGB 96 102 91	#60665B
66.7%	66.7% #7D8279	RGB 125 130 121	#7D8279
83.3%	83.3% #9A9E97	RGB 154 158 151	#9A9E97
100.0%	100.0% #B8BBB6	RGB 184 187 182	#B8BBB6

#091200 #262E1E #434A3C #60665B #7D8279 #9A9E97 #B8BBB6

#091200 - #B8BBB6

HSVブレンド

#091200 - #B8BBB6 | colorate

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

0.0%	0.0% #091200	RGB 9 18 0	#091200
16.7%	16.7% #1A2E07	RGB 26 46 7	#1A2E07
33.3%	33.3% #2F4A18	RGB 47 74 24	#2F4A18
50.0%	50.0% #496631	RGB 73 102 49	#496631
66.7%	66.7% #688254	RGB 104 130 84	#688254
83.3%	83.3% #8D9E80	RGB 141 158 128	#8D9E80
100.0%	100.0% #B8BBB6	RGB 184 187 182	#B8BBB6

#091200 #1A2E07 #2F4A18 #496631 #688254 #8D9E80 #B8BBB6

#091200 - #496631 - #B8BBB6

CSSコード

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

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