#2F8F1E - #002528 | colorate

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

Blend #2F8F1E to #002528

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

RGBブレンド

#2F8F1E - #002528 | colorate

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

0.0%	0.0% #2F8F1E	RGB 47 143 30	#2F8F1E
16.7%	16.7% #277D1F	RGB 39 125 31	#277D1F
33.3%	33.3% #1F6B21	RGB 31 107 33	#1F6B21
50.0%	50.0% #175A23	RGB 23 90 35	#175A23
66.7%	66.7% #0F4824	RGB 15 72 36	#0F4824
83.3%	83.3% #073626	RGB 7 54 38	#073626
100.0%	100.0% #002528	RGB 0 37 40	#002528

#2F8F1E #277D1F #1F6B21 #175A23 #0F4824 #073626 #002528

#2F8F1E - #002528

HSVブレンド

#2F8F1E - #002528 | colorate

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

0.0%	0.0% #2F8F1E	RGB 47 143 30	#2F8F1E
16.7%	16.7% #157D1B	RGB 21 125 27	#157D1B
33.3%	33.3% #0F6C27	RGB 15 108 39	#0F6C27
50.0%	50.0% #095B2F	RGB 9 91 47	#095B2F
66.7%	66.7% #054A33	RGB 5 74 51	#054A33
83.3%	83.3% #013932	RGB 1 57 50	#013932
100.0%	100.0% #002528	RGB 0 37 40	#002528

#2F8F1E #157D1B #0F6C27 #095B2F #054A33 #013932 #002528

#2F8F1E - #095B2F - #002528

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F8F1E 0%, #095B2F 50%, #002528 100%);
    background: -webkit-linear-gradient(top, #2F8F1E 0%, #095B2F 50%, #002528 100%);
    background: linear-gradient(to bottom, #2F8F1E 0%, #095B2F 50%, #002528 100%);
}
</style>