#182C2C - #060C0C | colorate

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

Blend #182C2C to #060C0C

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

RGBブレンド

#182C2C - #060C0C | colorate

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

0.0%	0.0% #182C2C	RGB 24 44 44	#182C2C
16.7%	16.7% #152626	RGB 21 38 38	#152626
33.3%	33.3% #122121	RGB 18 33 33	#122121
50.0%	50.0% #0F1C1C	RGB 15 28 28	#0F1C1C
66.7%	66.7% #0C1616	RGB 12 22 22	#0C1616
83.3%	83.3% #091111	RGB 9 17 17	#091111
100.0%	100.0% #060C0C	RGB 6 12 12	#060C0C

#182C2C #152626 #122121 #0F1C1C #0C1616 #091111 #060C0C

#182C2C - #060C0C

HSVブレンド

#182C2C - #060C0C | colorate

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

0.0%	0.0% #182C2C	RGB 24 44 44	#182C2C
16.7%	16.7% #142626	RGB 20 38 38	#142626
33.3%	33.3% #112121	RGB 17 33 33	#112121
50.0%	50.0% #0E1C1C	RGB 14 28 28	#0E1C1C
66.7%	66.7% #0B1616	RGB 11 22 22	#0B1616
83.3%	83.3% #081111	RGB 8 17 17	#081111
100.0%	100.0% #060C0C	RGB 6 12 12	#060C0C

#182C2C #142626 #112121 #0E1C1C #0B1616 #081111 #060C0C

#182C2C - #0E1C1C - #060C0C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #182C2C 0%, #0E1C1C 50%, #060C0C 100%);
    background: -webkit-linear-gradient(top, #182C2C 0%, #0E1C1C 50%, #060C0C 100%);
    background: linear-gradient(to bottom, #182C2C 0%, #0E1C1C 50%, #060C0C 100%);
}
</style>