#262221 - #370E00 | colorate

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

Blend #262221 to #370E00

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

RGBブレンド

#262221 - #370E00 | colorate

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

0.0%	0.0% #262221	RGB 38 34 33	#262221
16.7%	16.7% #281E1B	RGB 40 30 27	#281E1B
33.3%	33.3% #2B1B16	RGB 43 27 22	#2B1B16
50.0%	50.0% #2E1810	RGB 46 24 16	#2E1810
66.7%	66.7% #31140B	RGB 49 20 11	#31140B
83.3%	83.3% #341105	RGB 52 17 5	#341105
100.0%	100.0% #370E00	RGB 55 14 0	#370E00

#262221 #281E1B #2B1B16 #2E1810 #31140B #341105 #370E00

#262221 - #370E00

HSVブレンド

#262221 - #370E00 | colorate

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

0.0%	0.0% #262221	RGB 38 34 33	#262221
16.7%	16.7% #281F1D	RGB 40 31 29	#281F1D
33.3%	33.3% #2B1D19	RGB 43 29 25	#2B1D19
50.0%	50.0% #2E1A14	RGB 46 26 20	#2E1A14
66.7%	66.7% #31160E	RGB 49 22 14	#31160E
83.3%	83.3% #341207	RGB 52 18 7	#341207
100.0%	100.0% #370E00	RGB 55 14 0	#370E00

#262221 #281F1D #2B1D19 #2E1A14 #31160E #341207 #370E00

#262221 - #2E1A14 - #370E00

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #262221 0%, #2E1A14 50%, #370E00 100%);
    background: -webkit-linear-gradient(top, #262221 0%, #2E1A14 50%, #370E00 100%);
    background: linear-gradient(to bottom, #262221 0%, #2E1A14 50%, #370E00 100%);
}
</style>