#338E1E - #8E1E32 | colorate

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

Blend #338E1E to #8E1E32

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

RGBブレンド

#338E1E - #8E1E32 | colorate

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

0.0%	0.0% #338E1E	RGB 51 142 30	#338E1E
16.7%	16.7% #427B21	RGB 66 123 33	#427B21
33.3%	33.3% #516824	RGB 81 104 36	#516824
50.0%	50.0% #605628	RGB 96 86 40	#605628
66.7%	66.7% #6F432B	RGB 111 67 43	#6F432B
83.3%	83.3% #7E302E	RGB 126 48 46	#7E302E
100.0%	100.0% #8E1E32	RGB 142 30 50	#8E1E32

#338E1E #427B21 #516824 #605628 #6F432B #7E302E #8E1E32

#338E1E - #8E1E32

HSVブレンド

#338E1E - #8E1E32 | colorate

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

0.0%	0.0% #328E1E	RGB 50 142 30	#328E1E
16.7%	16.7% #588E1E	RGB 88 142 30	#588E1E
33.3%	33.3% #7D8E1E	RGB 125 142 30	#7D8E1E
50.0%	50.0% #8E791E	RGB 142 121 30	#8E791E
66.7%	66.7% #8E541E	RGB 142 84 30	#8E541E
83.3%	83.3% #8E2F1E	RGB 142 47 30	#8E2F1E
100.0%	100.0% #8E1E32	RGB 142 30 50	#8E1E32

#328E1E #588E1E #7D8E1E #8E791E #8E541E #8E2F1E #8E1E32

#338E1E - #8E791E - #8E1E32

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #328E1E 0%, #8E791E 50%, #8E1E32 100%);
    background: -webkit-linear-gradient(top, #328E1E 0%, #8E791E 50%, #8E1E32 100%);
    background: linear-gradient(to bottom, #328E1E 0%, #8E791E 50%, #8E1E32 100%);
}
</style>