#33272E - #07080B | colorate

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

Blend #33272E to #07080B

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

RGBブレンド

#33272E - #07080B | colorate

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

0.0%	0.0% #33272E	RGB 51 39 46	#33272E
16.7%	16.7% #2B2128	RGB 43 33 40	#2B2128
33.3%	33.3% #241C22	RGB 36 28 34	#241C22
50.0%	50.0% #1D171C	RGB 29 23 28	#1D171C
66.7%	66.7% #151216	RGB 21 18 22	#151216
83.3%	83.3% #0E0D10	RGB 14 13 16	#0E0D10
100.0%	100.0% #07080B	RGB 7 8 11	#07080B

#33272E #2B2128 #241C22 #1D171C #151216 #0E0D10 #07080B

#33272E - #07080B

HSVブレンド

#33272E - #07080B | colorate

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

0.0%	0.0% #33272E	RGB 51 39 46	#33272E
16.7%	16.7% #2C202A	RGB 44 32 42	#2C202A
33.3%	33.3% #241B25	RGB 36 27 37	#241B25
50.0%	50.0% #1B151F	RGB 27 21 31	#1B151F
66.7%	66.7% #121018	RGB 18 16 24	#121018
83.3%	83.3% #0B0B11	RGB 11 11 17	#0B0B11
100.0%	100.0% #07080B	RGB 7 8 11	#07080B

#33272E #2C202A #241B25 #1B151F #121018 #0B0B11 #07080B

#33272E - #1B151F - #07080B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #33272E 0%, #1B151F 50%, #07080B 100%);
    background: -webkit-linear-gradient(top, #33272E 0%, #1B151F 50%, #07080B 100%);
    background: linear-gradient(to bottom, #33272E 0%, #1B151F 50%, #07080B 100%);
}
</style>