#0C5E2D - #78B663 | colorate

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

Blend #0C5E2D to #78B663

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

RGB混合

#0C5E2D - #78B663 | colorate

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

0.0%	0.0% #0C5E2D	RGB 12 94 45	#0C5E2D
16.7%	16.7% #1E6C36	RGB 30 108 54	#1E6C36
33.3%	33.3% #307B3F	RGB 48 123 63	#307B3F
50.0%	50.0% #428A48	RGB 66 138 72	#428A48
66.7%	66.7% #549851	RGB 84 152 81	#549851
83.3%	83.3% #66A75A	RGB 102 167 90	#66A75A
100.0%	100.0% #78B663	RGB 120 182 99	#78B663

#0C5E2D #1E6C36 #307B3F #428A48 #549851 #66A75A #78B663

#0C5E2D - #78B663

HSV混合

#0C5E2D - #78B663 | colorate

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

0.0%	0.0% #0B5E2D	RGB 11 94 45	#0B5E2D
16.7%	16.7% #156C2E	RGB 21 108 46	#156C2E
33.3%	33.3% #207B31	RGB 32 123 49	#207B31
50.0%	50.0% #2E8A35	RGB 46 138 53	#2E8A35
66.7%	66.7% #40983D	RGB 64 152 61	#40983D
83.3%	83.3% #5CA74F	RGB 92 167 79	#5CA74F
100.0%	100.0% #78B663	RGB 120 182 99	#78B663

#0B5E2D #156C2E #207B31 #2E8A35 #40983D #5CA74F #78B663

#0C5E2D - #2E8A35 - #78B663

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0B5E2D 0%, #2E8A35 50%, #78B663 100%);
    background: -webkit-linear-gradient(top, #0B5E2D 0%, #2E8A35 50%, #78B663 100%);
    background: linear-gradient(to bottom, #0B5E2D 0%, #2E8A35 50%, #78B663 100%);
}
</style>