#2D3528 - #103900 | colorate

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

Blend #2D3528 to #103900

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

RGBブレンド

#2D3528 - #103900 | colorate

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

0.0%	0.0% #2D3528	RGB 45 53 40	#2D3528
16.7%	16.7% #283521	RGB 40 53 33	#283521
33.3%	33.3% #23361A	RGB 35 54 26	#23361A
50.0%	50.0% #1E3714	RGB 30 55 20	#1E3714
66.7%	66.7% #19370D	RGB 25 55 13	#19370D
83.3%	83.3% #143806	RGB 20 56 6	#143806
100.0%	100.0% #103900	RGB 16 57 0	#103900

#2D3528 #283521 #23361A #1E3714 #19370D #143806 #103900

#2D3528 - #103900

HSVブレンド

#2D3528 - #103900 | colorate

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

0.0%	0.0% #2D3528	RGB 45 53 40	#2D3528
16.7%	16.7% #293521	RGB 41 53 33	#293521
33.3%	33.3% #24361B	RGB 36 54 27	#24361B
50.0%	50.0% #203714	RGB 32 55 20	#203714
66.7%	66.7% #1B370E	RGB 27 55 14	#1B370E
83.3%	83.3% #153807	RGB 21 56 7	#153807
100.0%	100.0% #103900	RGB 16 57 0	#103900

#2D3528 #293521 #24361B #203714 #1B370E #153807 #103900

#2D3528 - #203714 - #103900

CSSコード

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

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