#1E8F4F - #000C28 | colorate

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

Blend #1E8F4F to #000C28

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

RGBブレンド

#1E8F4F - #000C28 | colorate

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

0.0%	0.0% #1E8F4F	RGB 30 143 79	#1E8F4F
16.7%	16.7% #197948	RGB 25 121 72	#197948
33.3%	33.3% #146342	RGB 20 99 66	#146342
50.0%	50.0% #0F4D3B	RGB 15 77 59	#0F4D3B
66.7%	66.7% #0A3735	RGB 10 55 53	#0A3735
83.3%	83.3% #05212E	RGB 5 33 46	#05212E
100.0%	100.0% #000C28	RGB 0 12 40	#000C28

#1E8F4F #197948 #146342 #0F4D3B #0A3735 #05212E #000C28

#1E8F4F - #000C28

HSVブレンド

#1E8F4F - #000C28 | colorate

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

0.0%	0.0% #1E8F4F	RGB 30 143 79	#1E8F4F
16.7%	16.7% #157D58	RGB 21 125 88	#157D58
33.3%	33.3% #0F6C5F	RGB 15 108 95	#0F6C5F
50.0%	50.0% #09565B	RGB 9 86 91	#09565B
66.7%	66.7% #05374A	RGB 5 55 74	#05374A
83.3%	83.3% #011E39	RGB 1 30 57	#011E39
100.0%	100.0% #000C28	RGB 0 12 40	#000C28

#1E8F4F #157D58 #0F6C5F #09565B #05374A #011E39 #000C28

#1E8F4F - #09565B - #000C28

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E8F4F 0%, #09565B 50%, #000C28 100%);
    background: -webkit-linear-gradient(top, #1E8F4F 0%, #09565B 50%, #000C28 100%);
    background: linear-gradient(to bottom, #1E8F4F 0%, #09565B 50%, #000C28 100%);
}
</style>