#162A21 - #060C07 | colorate

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

Blend #162A21 to #060C07

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

RGBブレンド

#162A21 - #060C07 | colorate

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

0.0%	0.0% #162A21	RGB 22 42 33	#162A21
16.7%	16.7% #13251C	RGB 19 37 28	#13251C
33.3%	33.3% #102018	RGB 16 32 24	#102018
50.0%	50.0% #0E1B14	RGB 14 27 20	#0E1B14
66.7%	66.7% #0B160F	RGB 11 22 15	#0B160F
83.3%	83.3% #08110B	RGB 8 17 11	#08110B
100.0%	100.0% #060C07	RGB 6 12 7	#060C07

#162A21 #13251C #102018 #0E1B14 #0B160F #08110B #060C07

#162A21 - #060C07

HSVブレンド

#162A21 - #060C07 | colorate

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

0.0%	0.0% #162A21	RGB 22 42 33	#162A21
16.7%	16.7% #13251B	RGB 19 37 27	#13251B
33.3%	33.3% #102017	RGB 16 32 23	#102017
50.0%	50.0% #0D1B12	RGB 13 27 18	#0D1B12
66.7%	66.7% #0B160E	RGB 11 22 14	#0B160E
83.3%	83.3% #08110A	RGB 8 17 10	#08110A
100.0%	100.0% #060C07	RGB 6 12 7	#060C07

#162A21 #13251B #102017 #0D1B12 #0B160E #08110A #060C07

#162A21 - #0D1B12 - #060C07

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #162A21 0%, #0D1B12 50%, #060C07 100%);
    background: -webkit-linear-gradient(top, #162A21 0%, #0D1B12 50%, #060C07 100%);
    background: linear-gradient(to bottom, #162A21 0%, #0D1B12 50%, #060C07 100%);
}
</style>