#203537 - #0C041A | colorate

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

Blend #203537 to #0C041A

#203537 #0C041A

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

RGBブレンド

#203537 - #0C041A | colorate

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

0.0%	0.0% #203537	RGB 32 53 55	#203537
16.7%	16.7% #1C2C32	RGB 28 44 50	#1C2C32
33.3%	33.3% #19242D	RGB 25 36 45	#19242D
50.0%	50.0% #161C28	RGB 22 28 40	#161C28
66.7%	66.7% #121423	RGB 18 20 35	#121423
83.3%	83.3% #0F0C1E	RGB 15 12 30	#0F0C1E
100.0%	100.0% #0C041A	RGB 12 4 26	#0C041A

#203537 #1C2C32 #19242D #161C28 #121423 #0F0C1E #0C041A

#203537 - #0C041A

HSVブレンド

#203537 - #0C041A | colorate

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

0.0%	0.0% #203537	RGB 32 53 55	#203537
16.7%	16.7% #192A32	RGB 25 42 50	#192A32
33.3%	33.3% #13202D	RGB 19 32 45	#13202D
50.0%	50.0% #0E1528	RGB 14 21 40	#0E1528
66.7%	66.7% #0A0C23	RGB 10 12 35	#0A0C23
83.3%	83.3% #0A061E	RGB 10 6 30	#0A061E
100.0%	100.0% #0C041A	RGB 12 4 26	#0C041A

#203537 #192A32 #13202D #0E1528 #0A0C23 #0A061E #0C041A

#203537 - #0E1528 - #0C041A

CSSコード

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

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