#211D3D - #090811 | colorate

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

Blend #211D3D to #090811

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

RGBブレンド

#211D3D - #090811 | colorate

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

0.0%	0.0% #211D3D	RGB 33 29 61	#211D3D
16.7%	16.7% #1D1935	RGB 29 25 53	#1D1935
33.3%	33.3% #19162E	RGB 25 22 46	#19162E
50.0%	50.0% #151227	RGB 21 18 39	#151227
66.7%	66.7% #110F1F	RGB 17 15 31	#110F1F
83.3%	83.3% #0D0B18	RGB 13 11 24	#0D0B18
100.0%	100.0% #090811	RGB 9 8 17	#090811

#211D3D #1D1935 #19162E #151227 #110F1F #0D0B18 #090811

#211D3D - #090811

HSVブレンド

#211D3D - #090811 | colorate

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

0.0%	0.0% #211D3D	RGB 33 29 61	#211D3D
16.7%	16.7% #1C1935	RGB 28 25 53	#1C1935
33.3%	33.3% #18152E	RGB 24 21 46	#18152E
50.0%	50.0% #141227	RGB 20 18 39	#141227
66.7%	66.7% #100E1F	RGB 16 14 31	#100E1F
83.3%	83.3% #0C0B18	RGB 12 11 24	#0C0B18
100.0%	100.0% #090811	RGB 9 8 17	#090811

#211D3D #1C1935 #18152E #141227 #100E1F #0C0B18 #090811

#211D3D - #141227 - #090811

CSSコード

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

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