#368F3F - #114825 | colorate

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

Blend #368F3F to #114825

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

RGBブレンド

#368F3F - #114825 | colorate

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

0.0%	0.0% #368F3F	RGB 54 143 63	#368F3F
16.7%	16.7% #2F833A	RGB 47 131 58	#2F833A
33.3%	33.3% #297736	RGB 41 119 54	#297736
50.0%	50.0% #236B32	RGB 35 107 50	#236B32
66.7%	66.7% #1D5F2D	RGB 29 95 45	#1D5F2D
83.3%	83.3% #175329	RGB 23 83 41	#175329
100.0%	100.0% #114825	RGB 17 72 37	#114825

#368F3F #2F833A #297736 #236B32 #1D5F2D #175329 #114825

#368F3F - #114825

HSVブレンド

#368F3F - #114825 | colorate

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

0.0%	0.0% #368F3F	RGB 54 143 63	#368F3F
16.7%	16.7% #2E833A	RGB 46 131 58	#2E833A
33.3%	33.3% #277736	RGB 39 119 54	#277736
50.0%	50.0% #206B32	RGB 32 107 50	#206B32
66.7%	66.7% #1B5F2E	RGB 27 95 46	#1B5F2E
83.3%	83.3% #155329	RGB 21 83 41	#155329
100.0%	100.0% #114825	RGB 17 72 37	#114825

#368F3F #2E833A #277736 #206B32 #1B5F2E #155329 #114825

#368F3F - #206B32 - #114825

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #368F3F 0%, #206B32 50%, #114825 100%);
    background: -webkit-linear-gradient(top, #368F3F 0%, #206B32 50%, #114825 100%);
    background: linear-gradient(to bottom, #368F3F 0%, #206B32 50%, #114825 100%);
}
</style>