#009600 - #FFFF52 | colorate

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

Blend #009600 to #FFFF52

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

RGB混合

#009600 - #FFFF52 | colorate

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

0.0%	0.0% #009600	RGB 0 150 0	#009600
16.7%	16.7% #2AA70D	RGB 42 167 13	#2AA70D
33.3%	33.3% #55B91B	RGB 85 185 27	#55B91B
50.0%	50.0% #7FCA29	RGB 127 202 41	#7FCA29
66.7%	66.7% #AADC36	RGB 170 220 54	#AADC36
83.3%	83.3% #D4ED44	RGB 212 237 68	#D4ED44
100.0%	100.0% #FFFF52	RGB 255 255 82	#FFFF52

#009600 #2AA70D #55B91B #7FCA29 #AADC36 #D4ED44 #FFFF52

#009600 - #FFFF52

HSV混合

#009600 - #FFFF52 | colorate

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

0.0%	0.0% #009600	RGB 0 150 0	#009600
16.7%	16.7% #23A708	RGB 35 167 8	#23A708
33.3%	33.3% #4AB913	RGB 74 185 19	#4AB913
50.0%	50.0% #75CA20	RGB 117 202 32	#75CA20
66.7%	66.7% #A2DC2F	RGB 162 220 47	#A2DC2F
83.3%	83.3% #D0ED3F	RGB 208 237 63	#D0ED3F
100.0%	100.0% #FFFF52	RGB 255 255 82	#FFFF52

#009600 #23A708 #4AB913 #75CA20 #A2DC2F #D0ED3F #FFFF52

#009600 - #75CA20 - #FFFF52

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009600 0%, #75CA20 50%, #FFFF52 100%);
    background: -webkit-linear-gradient(top, #009600 0%, #75CA20 50%, #FFFF52 100%);
    background: linear-gradient(to bottom, #009600 0%, #75CA20 50%, #FFFF52 100%);
}
</style>