#372839 - #070C0B | colorate

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

Blend #372839 to #070C0B

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

RGBブレンド

#372839 - #070C0B | colorate

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

0.0%	0.0% #372839	RGB 55 40 57	#372839
16.7%	16.7% #2F2331	RGB 47 35 49	#2F2331
33.3%	33.3% #271E29	RGB 39 30 41	#271E29
50.0%	50.0% #1F1A22	RGB 31 26 34	#1F1A22
66.7%	66.7% #17151A	RGB 23 21 26	#17151A
83.3%	83.3% #0F1012	RGB 15 16 18	#0F1012
100.0%	100.0% #070C0B	RGB 7 12 11	#070C0B

#372839 #2F2331 #271E29 #1F1A22 #17151A #0F1012 #070C0B

#372839 - #070C0B

HSVブレンド

#372839 - #070C0B | colorate

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

0.0%	0.0% #372839	RGB 55 40 57	#372839
16.7%	16.7% #2A2131	RGB 42 33 49	#2A2131
33.3%	33.3% #1E1B2A	RGB 30 27 42	#1E1B2A
50.0%	50.0% #161822	RGB 22 24 34	#161822
66.7%	66.7% #10151B	RGB 16 21 27	#10151B
83.3%	83.3% #0B1213	RGB 11 18 19	#0B1213
100.0%	100.0% #070C0B	RGB 7 12 11	#070C0B

#372839 #2A2131 #1E1B2A #161822 #10151B #0B1213 #070C0B

#372839 - #161822 - #070C0B

CSSコード

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

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