#0C9E5E - #CCF88B | colorate

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

Blend #0C9E5E to #CCF88B

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

RGB混合

#0C9E5E - #CCF88B | colorate

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

0.0%	0.0% #0C9E5E	RGB 12 158 94	#0C9E5E
16.7%	16.7% #2CAD65	RGB 44 173 101	#2CAD65
33.3%	33.3% #4CBC6D	RGB 76 188 109	#4CBC6D
50.0%	50.0% #6CCB74	RGB 108 203 116	#6CCB74
66.7%	66.7% #8CDA7C	RGB 140 218 124	#8CDA7C
83.3%	83.3% #ACE983	RGB 172 233 131	#ACE983
100.0%	100.0% #CCF88B	RGB 204 248 139	#CCF88B

#0C9E5E #2CAD65 #4CBC6D #6CCB74 #8CDA7C #ACE983 #CCF88B

#0C9E5E - #CCF88B

HSV混合

#0C9E5E - #CCF88B | colorate

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

0.0%	0.0% #0C9E5E	RGB 12 158 94	#0C9E5E
16.7%	16.7% #1BAD50	RGB 27 173 80	#1BAD50
33.3%	33.3% #2CBC45	RGB 44 188 69	#2CBC45
50.0%	50.0% #42CB40	RGB 66 203 64	#42CB40
66.7%	66.7% #72DA56	RGB 114 218 86	#72DA56
83.3%	83.3% #A0E96F	RGB 160 233 111	#A0E96F
100.0%	100.0% #CCF88B	RGB 204 248 139	#CCF88B

#0C9E5E #1BAD50 #2CBC45 #42CB40 #72DA56 #A0E96F #CCF88B

#0C9E5E - #42CB40 - #CCF88B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C9E5E 0%, #42CB40 50%, #CCF88B 100%);
    background: -webkit-linear-gradient(top, #0C9E5E 0%, #42CB40 50%, #CCF88B 100%);
    background: linear-gradient(to bottom, #0C9E5E 0%, #42CB40 50%, #CCF88B 100%);
}
</style>