#008B05 - #052A21 | colorate

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

Blend #008B05 to #052A21

计算两种颜色#008B05和#052A21之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#008B05 - #052A21 | colorate

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

0.0%	0.0% #008B05	RGB 0 139 5	#008B05
16.7%	16.7% #007A09	RGB 0 122 9	#007A09
33.3%	33.3% #016A0E	RGB 1 106 14	#016A0E
50.0%	50.0% #025A13	RGB 2 90 19	#025A13
66.7%	66.7% #034A17	RGB 3 74 23	#034A17
83.3%	83.3% #043A1C	RGB 4 58 28	#043A1C
100.0%	100.0% #052A21	RGB 5 42 33	#052A21

#008B05 #007A09 #016A0E #025A13 #034A17 #043A1C #052A21

#008B05 - #052A21

HSV混合

#008B05 - #052A21 | colorate

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

0.0%	0.0% #008B04	RGB 0 139 4	#008B04
16.7%	16.7% #027A15	RGB 2 122 21	#027A15
33.3%	33.3% #046A20	RGB 4 106 32	#046A20
50.0%	50.0% #055A27	RGB 5 90 39	#055A27
66.7%	66.7% #054A29	RGB 5 74 41	#054A29
83.3%	83.3% #053A27	RGB 5 58 39	#053A27
100.0%	100.0% #052A21	RGB 5 42 33	#052A21

#008B04 #027A15 #046A20 #055A27 #054A29 #053A27 #052A21

#008B05 - #055A27 - #052A21

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008B04 0%, #055A27 50%, #052A21 100%);
    background: -webkit-linear-gradient(top, #008B04 0%, #055A27 50%, #052A21 100%);
    background: linear-gradient(to bottom, #008B04 0%, #055A27 50%, #052A21 100%);
}
</style>