#2D2B14 - #261A03 | colorate

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

Blend #2D2B14 to #261A03

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

RGBブレンド

#2D2B14 - #261A03 | colorate

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

0.0%	0.0% #2D2B14	RGB 45 43 20	#2D2B14
16.7%	16.7% #2B2811	RGB 43 40 17	#2B2811
33.3%	33.3% #2A250E	RGB 42 37 14	#2A250E
50.0%	50.0% #29220B	RGB 41 34 11	#29220B
66.7%	66.7% #281F08	RGB 40 31 8	#281F08
83.3%	83.3% #271C05	RGB 39 28 5	#271C05
100.0%	100.0% #261A03	RGB 38 26 3	#261A03

#2D2B14 #2B2811 #2A250E #29220B #281F08 #271C05 #261A03

#2D2B14 - #261A03

HSVブレンド

#2D2B14 - #261A03 | colorate

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

0.0%	0.0% #2D2B14	RGB 45 43 20	#2D2B14
16.7%	16.7% #2B2810	RGB 43 40 16	#2B2810
33.3%	33.3% #2A250D	RGB 42 37 13	#2A250D
50.0%	50.0% #29230A	RGB 41 35 10	#29230A
66.7%	66.7% #282008	RGB 40 32 8	#282008
83.3%	83.3% #271D05	RGB 39 29 5	#271D05
100.0%	100.0% #261A03	RGB 38 26 3	#261A03

#2D2B14 #2B2810 #2A250D #29230A #282008 #271D05 #261A03

#2D2B14 - #29230A - #261A03

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2B14 0%, #29230A 50%, #261A03 100%);
    background: -webkit-linear-gradient(top, #2D2B14 0%, #29230A 50%, #261A03 100%);
    background: linear-gradient(to bottom, #2D2B14 0%, #29230A 50%, #261A03 100%);
}
</style>