#153D2D - #06110C | colorate

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

Blend #153D2D to #06110C

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

RGBブレンド

#153D2D - #06110C | colorate

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

0.0%	0.0% #153D2D	RGB 21 61 45	#153D2D
16.7%	16.7% #123527	RGB 18 53 39	#123527
33.3%	33.3% #102E22	RGB 16 46 34	#102E22
50.0%	50.0% #0D271C	RGB 13 39 28	#0D271C
66.7%	66.7% #0B1F17	RGB 11 31 23	#0B1F17
83.3%	83.3% #081811	RGB 8 24 17	#081811
100.0%	100.0% #06110C	RGB 6 17 12	#06110C

#153D2D #123527 #102E22 #0D271C #0B1F17 #081811 #06110C

#153D2D - #06110C

HSVブレンド

#153D2D - #06110C | colorate

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

0.0%	0.0% #153D2D	RGB 21 61 45	#153D2D
16.7%	16.7% #123527	RGB 18 53 39	#123527
33.3%	33.3% #102E21	RGB 16 46 33	#102E21
50.0%	50.0% #0D271C	RGB 13 39 28	#0D271C
66.7%	66.7% #0B1F16	RGB 11 31 22	#0B1F16
83.3%	83.3% #081811	RGB 8 24 17	#081811
100.0%	100.0% #06110C	RGB 6 17 12	#06110C

#153D2D #123527 #102E21 #0D271C #0B1F16 #081811 #06110C

#153D2D - #0D271C - #06110C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #153D2D 0%, #0D271C 50%, #06110C 100%);
    background: -webkit-linear-gradient(top, #153D2D 0%, #0D271C 50%, #06110C 100%);
    background: linear-gradient(to bottom, #153D2D 0%, #0D271C 50%, #06110C 100%);
}
</style>