#1E4809 - #050A01 | colorate

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

Blend #1E4809 to #050A01

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

RGBブレンド

#1E4809 - #050A01 | colorate

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

0.0%	0.0% #1E4809	RGB 30 72 9	#1E4809
16.7%	16.7% #193D07	RGB 25 61 7	#193D07
33.3%	33.3% #153306	RGB 21 51 6	#153306
50.0%	50.0% #112905	RGB 17 41 5	#112905
66.7%	66.7% #0D1E03	RGB 13 30 3	#0D1E03
83.3%	83.3% #091402	RGB 9 20 2	#091402
100.0%	100.0% #050A01	RGB 5 10 1	#050A01

#1E4809 #193D07 #153306 #112905 #0D1E03 #091402 #050A01

#1E4809 - #050A01

HSVブレンド

#1E4809 - #050A01 | colorate

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

0.0%	0.0% #1E4809	RGB 30 72 9	#1E4809
16.7%	16.7% #1A3D07	RGB 26 61 7	#1A3D07
33.3%	33.3% #163305	RGB 22 51 5	#163305
50.0%	50.0% #122904	RGB 18 41 4	#122904
66.7%	66.7% #0E1E03	RGB 14 30 3	#0E1E03
83.3%	83.3% #091402	RGB 9 20 2	#091402
100.0%	100.0% #050A01	RGB 5 10 1	#050A01

#1E4809 #1A3D07 #163305 #122904 #0E1E03 #091402 #050A01

#1E4809 - #122904 - #050A01

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E4809 0%, #122904 50%, #050A01 100%);
    background: -webkit-linear-gradient(top, #1E4809 0%, #122904 50%, #050A01 100%);
    background: linear-gradient(to bottom, #1E4809 0%, #122904 50%, #050A01 100%);
}
</style>