#538F44 - #20620C | colorate

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

Blend #538F44 to #20620C

#538F44 #20620C

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

RGBブレンド

#538F44 - #20620C | colorate

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

0.0%	0.0% #538F44	RGB 83 143 68	#538F44
16.7%	16.7% #4A873A	RGB 74 135 58	#4A873A
33.3%	33.3% #428031	RGB 66 128 49	#428031
50.0%	50.0% #397828	RGB 57 120 40	#397828
66.7%	66.7% #31711E	RGB 49 113 30	#31711E
83.3%	83.3% #286915	RGB 40 105 21	#286915
100.0%	100.0% #20620C	RGB 32 98 12	#20620C

#538F44 #4A873A #428031 #397828 #31711E #286915 #20620C

#538F44 - #20620C

HSVブレンド

#538F44 - #20620C | colorate

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

0.0%	0.0% #538F44	RGB 83 143 68	#538F44
16.7%	16.7% #488738	RGB 72 135 56	#488738
33.3%	33.3% #3F802D	RGB 63 128 45	#3F802D
50.0%	50.0% #367824	RGB 54 120 36	#367824
66.7%	66.7% #2E711B	RGB 46 113 27	#2E711B
83.3%	83.3% #266913	RGB 38 105 19	#266913
100.0%	100.0% #20620C	RGB 32 98 12	#20620C

#538F44 #488738 #3F802D #367824 #2E711B #266913 #20620C

#538F44 - #367824 - #20620C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #538F44 0%, #367824 50%, #20620C 100%);
    background: -webkit-linear-gradient(top, #538F44 0%, #367824 50%, #20620C 100%);
    background: linear-gradient(to bottom, #538F44 0%, #367824 50%, #20620C 100%);
}
</style>