#328F20 - #135500 | colorate

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

Blend #328F20 to #135500

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

RGBブレンド

#328F20 - #135500 | colorate

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

0.0%	0.0% #328F20	RGB 50 143 32	#328F20
16.7%	16.7% #2C851A	RGB 44 133 26	#2C851A
33.3%	33.3% #277B15	RGB 39 123 21	#277B15
50.0%	50.0% #227210	RGB 34 114 16	#227210
66.7%	66.7% #1D680A	RGB 29 104 10	#1D680A
83.3%	83.3% #185E05	RGB 24 94 5	#185E05
100.0%	100.0% #135500	RGB 19 85 0	#135500

#328F20 #2C851A #277B15 #227210 #1D680A #185E05 #135500

#328F20 - #135500

HSVブレンド

#328F20 - #135500 | colorate

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

0.0%	0.0% #328F20	RGB 50 143 32	#328F20
16.7%	16.7% #2B8518	RGB 43 133 24	#2B8518
33.3%	33.3% #257B12	RGB 37 123 18	#257B12
50.0%	50.0% #20720C	RGB 32 114 12	#20720C
66.7%	66.7% #1B6807	RGB 27 104 7	#1B6807
83.3%	83.3% #165E03	RGB 22 94 3	#165E03
100.0%	100.0% #135500	RGB 19 85 0	#135500

#328F20 #2B8518 #257B12 #20720C #1B6807 #165E03 #135500

#328F20 - #20720C - #135500

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #328F20 0%, #20720C 50%, #135500 100%);
    background: -webkit-linear-gradient(top, #328F20 0%, #20720C 50%, #135500 100%);
    background: linear-gradient(to bottom, #328F20 0%, #20720C 50%, #135500 100%);
}
</style>