#5E847B - #B3C28C | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #5E847B to #B3C28C

计算两种颜色#5E847B和#B3C28C之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#5E847B - #B3C28C | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#5E847B的两种颜色之间的颜色扩展为0％，将#B3C28C扩展为100％。

0.0%	0.0% #5E847B	RGB 94 132 123	#5E847B
16.7%	16.7% #6C8E7D	RGB 108 142 125	#6C8E7D
33.3%	33.3% #7A9880	RGB 122 152 128	#7A9880
50.0%	50.0% #88A383	RGB 136 163 131	#88A383
66.7%	66.7% #96AD86	RGB 150 173 134	#96AD86
83.3%	83.3% #A4B789	RGB 164 183 137	#A4B789
100.0%	100.0% #B3C28C	RGB 179 194 140	#B3C28C

#5E847B #6C8E7D #7A9880 #88A383 #96AD86 #A4B789 #B3C28C

#5E847B - #B3C28C

HSV混合

#5E847B - #B3C28C | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#5E847B的两种颜色之间的颜色扩展为0％，将#B3C28C扩展为100％。

0.0%	0.0% #5E847B	RGB 94 132 123	#5E847B
16.7%	16.7% #658E7A	RGB 101 142 122	#658E7A
33.3%	33.3% #6D9878	RGB 109 152 120	#6D9878
50.0%	50.0% #74A375	RGB 116 163 117	#74A375
66.7%	66.7% #87AD7C	RGB 135 173 124	#87AD7C
83.3%	83.3% #9CB784	RGB 156 183 132	#9CB784
100.0%	100.0% #B3C28C	RGB 179 194 140	#B3C28C

#5E847B #658E7A #6D9878 #74A375 #87AD7C #9CB784 #B3C28C

#5E847B - #74A375 - #B3C28C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E847B 0%, #74A375 50%, #B3C28C 100%);
    background: -webkit-linear-gradient(top, #5E847B 0%, #74A375 50%, #B3C28C 100%);
    background: linear-gradient(to bottom, #5E847B 0%, #74A375 50%, #B3C28C 100%);
}
</style>