#182C2E - #10040C | colorate

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

Blend #182C2E to #10040C

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

RGBブレンド

#182C2E - #10040C | colorate

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

0.0%	0.0% #182C2E	RGB 24 44 46	#182C2E
16.7%	16.7% #162528	RGB 22 37 40	#162528
33.3%	33.3% #151E22	RGB 21 30 34	#151E22
50.0%	50.0% #14181D	RGB 20 24 29	#14181D
66.7%	66.7% #121117	RGB 18 17 23	#121117
83.3%	83.3% #110A11	RGB 17 10 17	#110A11
100.0%	100.0% #10040C	RGB 16 4 12	#10040C

#182C2E #162528 #151E22 #14181D #121117 #110A11 #10040C

#182C2E - #10040C

HSVブレンド

#182C2E - #10040C | colorate

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

0.0%	0.0% #182C2E	RGB 24 44 46	#182C2E
16.7%	16.7% #131F29	RGB 19 31 41	#131F29
33.3%	33.3% #0F1224	RGB 15 18 36	#0F1224
50.0%	50.0% #100B1F	RGB 16 11 31	#100B1F
66.7%	66.7% #12081A	RGB 18 8 26	#12081A
83.3%	83.3% #140615	RGB 20 6 21	#140615
100.0%	100.0% #10040C	RGB 16 4 12	#10040C

#182C2E #131F29 #0F1224 #100B1F #12081A #140615 #10040C

#182C2E - #100B1F - #10040C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #182C2E 0%, #100B1F 50%, #10040C 100%);
    background: -webkit-linear-gradient(top, #182C2E 0%, #100B1F 50%, #10040C 100%);
    background: linear-gradient(to bottom, #182C2E 0%, #100B1F 50%, #10040C 100%);
}
</style>