#183918 - #061006 | colorate

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

Blend #183918 to #061006

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

RGBブレンド

#183918 - #061006 | colorate

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

0.0%	0.0% #183918	RGB 24 57 24	#183918
16.7%	16.7% #153215	RGB 21 50 21	#153215
33.3%	33.3% #122B12	RGB 18 43 18	#122B12
50.0%	50.0% #0F240F	RGB 15 36 15	#0F240F
66.7%	66.7% #0C1D0C	RGB 12 29 12	#0C1D0C
83.3%	83.3% #091609	RGB 9 22 9	#091609
100.0%	100.0% #061006	RGB 6 16 6	#061006

#183918 #153215 #122B12 #0F240F #0C1D0C #091609 #061006

#183918 - #061006

HSVブレンド

#183918 - #061006 | colorate

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

0.0%	0.0% #183918	RGB 24 57 24	#183918
16.7%	16.7% #143214	RGB 20 50 20	#143214
33.3%	33.3% #112B11	RGB 17 43 17	#112B11
50.0%	50.0% #0E240E	RGB 14 36 14	#0E240E
66.7%	66.7% #0B1D0B	RGB 11 29 11	#0B1D0B
83.3%	83.3% #081608	RGB 8 22 8	#081608
100.0%	100.0% #061006	RGB 6 16 6	#061006

#183918 #143214 #112B11 #0E240E #0B1D0B #081608 #061006

#183918 - #0E240E - #061006

CSSコード

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

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