#899059 - #598A90 | colorate

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

Blend #899059 to #598A90

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

RGBブレンド

#899059 - #598A90 | colorate

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

0.0%	0.0% #899059	RGB 137 144 89	#899059
16.7%	16.7% #818F62	RGB 129 143 98	#818F62
33.3%	33.3% #798E6B	RGB 121 142 107	#798E6B
50.0%	50.0% #718D74	RGB 113 141 116	#718D74
66.7%	66.7% #698C7D	RGB 105 140 125	#698C7D
83.3%	83.3% #618B86	RGB 97 139 134	#618B86
100.0%	100.0% #598A90	RGB 89 138 144	#598A90

#899059 #818F62 #798E6B #718D74 #698C7D #618B86 #598A90

#899059 - #598A90

HSVブレンド

#899059 - #598A90 | colorate

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

0.0%	0.0% #899059	RGB 137 144 89	#899059
16.7%	16.7% #769059	RGB 118 144 89	#769059
33.3%	33.3% #649059	RGB 100 144 89	#649059
50.0%	50.0% #59905F	RGB 89 144 95	#59905F
66.7%	66.7% #599071	RGB 89 144 113	#599071
83.3%	83.3% #599083	RGB 89 144 131	#599083
100.0%	100.0% #598A90	RGB 89 138 144	#598A90

#899059 #769059 #649059 #59905F #599071 #599083 #598A90

#899059 - #59905F - #598A90

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #899059 0%, #59905F 50%, #598A90 100%);
    background: -webkit-linear-gradient(top, #899059 0%, #59905F 50%, #598A90 100%);
    background: linear-gradient(to bottom, #899059 0%, #59905F 50%, #598A90 100%);
}
</style>