#08120D - #30334A | colorate

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

Blend #08120D to #30334A

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

RGBブレンド

#08120D - #30334A | colorate

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

0.0%	0.0% #08120D	RGB 8 18 13	#08120D
16.7%	16.7% #0E1717	RGB 14 23 23	#0E1717
33.3%	33.3% #151D21	RGB 21 29 33	#151D21
50.0%	50.0% #1C222B	RGB 28 34 43	#1C222B
66.7%	66.7% #222835	RGB 34 40 53	#222835
83.3%	83.3% #292D3F	RGB 41 45 63	#292D3F
100.0%	100.0% #30334A	RGB 48 51 74	#30334A

#08120D #0E1717 #151D21 #1C222B #222835 #292D3F #30334A

#08120D - #30334A

HSVブレンド

#08120D - #30334A | colorate

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

0.0%	0.0% #08120D	RGB 8 18 13	#08120D
16.7%	16.7% #0D1B17	RGB 13 27 23	#0D1B17
33.3%	33.3% #122423	RGB 18 36 35	#122423
50.0%	50.0% #19292E	RGB 25 41 46	#19292E
66.7%	66.7% #202D37	RGB 32 45 55	#202D37
83.3%	83.3% #273040	RGB 39 48 64	#273040
100.0%	100.0% #30334A	RGB 48 51 74	#30334A

#08120D #0D1B17 #122423 #19292E #202D37 #273040 #30334A

#08120D - #19292E - #30334A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08120D 0%, #19292E 50%, #30334A 100%);
    background: -webkit-linear-gradient(top, #08120D 0%, #19292E 50%, #30334A 100%);
    background: linear-gradient(to bottom, #08120D 0%, #19292E 50%, #30334A 100%);
}
</style>