#19311D - #00101A | colorate

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

Blend #19311D to #00101A

#19311D #00101A

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

RGBブレンド

#19311D - #00101A | colorate

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

0.0%	0.0% #19311D	RGB 25 49 29	#19311D
16.7%	16.7% #142B1C	RGB 20 43 28	#142B1C
33.3%	33.3% #10261C	RGB 16 38 28	#10261C
50.0%	50.0% #0C201B	RGB 12 32 27	#0C201B
66.7%	66.7% #081B1B	RGB 8 27 27	#081B1B
83.3%	83.3% #04151A	RGB 4 21 26	#04151A
100.0%	100.0% #00101A	RGB 0 16 26	#00101A

#19311D #142B1C #10261C #0C201B #081B1B #04151A #00101A

#19311D - #00101A

HSVブレンド

#19311D - #00101A | colorate

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

0.0%	0.0% #19311D	RGB 25 49 29	#19311D
16.7%	16.7% #132D1C	RGB 19 45 28	#132D1C
33.3%	33.3% #0E291D	RGB 14 41 29	#0E291D
50.0%	50.0% #09251F	RGB 9 37 31	#09251F
66.7%	66.7% #052121	RGB 5 33 33	#052121
83.3%	83.3% #02181D	RGB 2 24 29	#02181D
100.0%	100.0% #00101A	RGB 0 16 26	#00101A

#19311D #132D1C #0E291D #09251F #052121 #02181D #00101A

#19311D - #09251F - #00101A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #19311D 0%, #09251F 50%, #00101A 100%);
    background: -webkit-linear-gradient(top, #19311D 0%, #09251F 50%, #00101A 100%);
    background: linear-gradient(to bottom, #19311D 0%, #09251F 50%, #00101A 100%);
}
</style>