#2B3820 - #469342 | colorate

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

Blend #2B3820 to #469342

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

RGBブレンド

#2B3820 - #469342 | colorate

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

0.0%	0.0% #2B3820	RGB 43 56 32	#2B3820
16.7%	16.7% #2F4725	RGB 47 71 37	#2F4725
33.3%	33.3% #34562B	RGB 52 86 43	#34562B
50.0%	50.0% #386531	RGB 56 101 49	#386531
66.7%	66.7% #3D7436	RGB 61 116 54	#3D7436
83.3%	83.3% #41833C	RGB 65 131 60	#41833C
100.0%	100.0% #469342	RGB 70 147 66	#469342

#2B3820 #2F4725 #34562B #386531 #3D7436 #41833C #469342

#2B3820 - #469342

HSVブレンド

#2B3820 - #469342 | colorate

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

0.0%	0.0% #2B3820	RGB 43 56 32	#2B3820
16.7%	16.7% #334727	RGB 51 71 39	#334727
33.3%	33.3% #3A562D	RGB 58 86 45	#3A562D
50.0%	50.0% #406533	RGB 64 101 51	#406533
66.7%	66.7% #447439	RGB 68 116 57	#447439
83.3%	83.3% #46833D	RGB 70 131 61	#46833D
100.0%	100.0% #469342	RGB 70 147 66	#469342

#2B3820 #334727 #3A562D #406533 #447439 #46833D #469342

#2B3820 - #406533 - #469342

CSSコード

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

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