#728F2F - #D5DFC3 | colorate

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

Blend #728F2F to #D5DFC3

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

RGBブレンド

#728F2F - #D5DFC3 | colorate

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

0.0%	0.0% #728F2F	RGB 114 143 47	#728F2F
16.7%	16.7% #829C47	RGB 130 156 71	#829C47
33.3%	33.3% #93A960	RGB 147 169 96	#93A960
50.0%	50.0% #A3B779	RGB 163 183 121	#A3B779
66.7%	66.7% #B4C491	RGB 180 196 145	#B4C491
83.3%	83.3% #C4D1AA	RGB 196 209 170	#C4D1AA
100.0%	100.0% #D5DFC3	RGB 213 223 195	#D5DFC3

#728F2F #829C47 #93A960 #A3B779 #B4C491 #C4D1AA #D5DFC3

#728F2F - #D5DFC3

HSVブレンド

#728F2F - #D5DFC3 | colorate

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

0.0%	0.0% #728F2F	RGB 114 143 47	#728F2F
16.7%	16.7% #809C41	RGB 128 156 65	#809C41
33.3%	33.3% #8FA956	RGB 143 169 86	#8FA956
50.0%	50.0% #9EB76E	RGB 158 183 110	#9EB76E
66.7%	66.7% #AFC487	RGB 175 196 135	#AFC487
83.3%	83.3% #C1D1A4	RGB 193 209 164	#C1D1A4
100.0%	100.0% #D5DFC3	RGB 213 223 195	#D5DFC3

#728F2F #809C41 #8FA956 #9EB76E #AFC487 #C1D1A4 #D5DFC3

#728F2F - #9EB76E - #D5DFC3

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #728F2F 0%, #9EB76E 50%, #D5DFC3 100%);
    background: -webkit-linear-gradient(top, #728F2F 0%, #9EB76E 50%, #D5DFC3 100%);
    background: linear-gradient(to bottom, #728F2F 0%, #9EB76E 50%, #D5DFC3 100%);
}
</style>