#13093D - #050211 | colorate

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

Blend #13093D to #050211

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

RGBブレンド

#13093D - #050211 | colorate

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

0.0%	0.0% #13093D	RGB 19 9 61	#13093D
16.7%	16.7% #100735	RGB 16 7 53	#100735
33.3%	33.3% #0E062E	RGB 14 6 46	#0E062E
50.0%	50.0% #0C0527	RGB 12 5 39	#0C0527
66.7%	66.7% #09041F	RGB 9 4 31	#09041F
83.3%	83.3% #070318	RGB 7 3 24	#070318
100.0%	100.0% #050211	RGB 5 2 17	#050211

#13093D #100735 #0E062E #0C0527 #09041F #070318 #050211

#13093D - #050211

HSVブレンド

#13093D - #050211 | colorate

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

0.0%	0.0% #13093D	RGB 19 9 61	#13093D
16.7%	16.7% #100735	RGB 16 7 53	#100735
33.3%	33.3% #0E062E	RGB 14 6 46	#0E062E
50.0%	50.0% #0B0527	RGB 11 5 39	#0B0527
66.7%	66.7% #09041F	RGB 9 4 31	#09041F
83.3%	83.3% #070218	RGB 7 2 24	#070218
100.0%	100.0% #050211	RGB 5 2 17	#050211

#13093D #100735 #0E062E #0B0527 #09041F #070218 #050211

#13093D - #0B0527 - #050211

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13093D 0%, #0B0527 50%, #050211 100%);
    background: -webkit-linear-gradient(top, #13093D 0%, #0B0527 50%, #050211 100%);
    background: linear-gradient(to bottom, #13093D 0%, #0B0527 50%, #050211 100%);
}
</style>