#2B2B2B - #410F00 | colorate

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

Blend #2B2B2B to #410F00

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

RGBブレンド

#2B2B2B - #410F00 | colorate

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

0.0%	0.0% #2B2B2B	RGB 43 43 43	#2B2B2B
16.7%	16.7% #2E2623	RGB 46 38 35	#2E2623
33.3%	33.3% #32211C	RGB 50 33 28	#32211C
50.0%	50.0% #361D15	RGB 54 29 21	#361D15
66.7%	66.7% #39180E	RGB 57 24 14	#39180E
83.3%	83.3% #3D1307	RGB 61 19 7	#3D1307
100.0%	100.0% #410F00	RGB 65 15 0	#410F00

#2B2B2B #2E2623 #32211C #361D15 #39180E #3D1307 #410F00

#2B2B2B - #410F00

HSVブレンド

#2B2B2B - #410F00 | colorate

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

0.0%	0.0% #2B2B2B	RGB 43 43 43	#2B2B2B
16.7%	16.7% #2E2726	RGB 46 39 38	#2E2726
33.3%	33.3% #322221	RGB 50 34 33	#322221
50.0%	50.0% #361E1B	RGB 54 30 27	#361E1B
66.7%	66.7% #391913	RGB 57 25 19	#391913
83.3%	83.3% #3D140A	RGB 61 20 10	#3D140A
100.0%	100.0% #410F00	RGB 65 15 0	#410F00

#2B2B2B #2E2726 #322221 #361E1B #391913 #3D140A #410F00

#2B2B2B - #361E1B - #410F00

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2B2B 0%, #361E1B 50%, #410F00 100%);
    background: -webkit-linear-gradient(top, #2B2B2B 0%, #361E1B 50%, #410F00 100%);
    background: linear-gradient(to bottom, #2B2B2B 0%, #361E1B 50%, #410F00 100%);
}
</style>