#100404 - #BAB7B7 | colorate

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

Blend #100404 to #BAB7B7

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

RGBブレンド

#100404 - #BAB7B7 | colorate

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

0.0%	0.0% #100404	RGB 16 4 4	#100404
16.7%	16.7% #2C2121	RGB 44 33 33	#2C2121
33.3%	33.3% #483F3F	RGB 72 63 63	#483F3F
50.0%	50.0% #655D5D	RGB 101 93 93	#655D5D
66.7%	66.7% #817B7B	RGB 129 123 123	#817B7B
83.3%	83.3% #9D9999	RGB 157 153 153	#9D9999
100.0%	100.0% #BAB7B7	RGB 186 183 183	#BAB7B7

#100404 #2C2121 #483F3F #655D5D #817B7B #9D9999 #BAB7B7

#100404 - #BAB7B7

HSVブレンド

#100404 - #BAB7B7 | colorate

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

0.0%	0.0% #100404	RGB 16 4 4	#100404
16.7%	16.7% #2C1010	RGB 44 16 16	#2C1010
33.3%	33.3% #482323	RGB 72 35 35	#482323
50.0%	50.0% #653E3E	RGB 101 62 62	#653E3E
66.7%	66.7% #815F5F	RGB 129 95 95	#815F5F
83.3%	83.3% #9D8787	RGB 157 135 135	#9D8787
100.0%	100.0% #BAB7B7	RGB 186 183 183	#BAB7B7

#100404 #2C1010 #482323 #653E3E #815F5F #9D8787 #BAB7B7

#100404 - #653E3E - #BAB7B7

CSSコード

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

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