#C2D2B9 - #76A865 | colorate

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

Blend #C2D2B9 to #76A865

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

RGB混合

#C2D2B9 - #76A865 | colorate

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

0.0%	0.0% #C2D2B9	RGB 194 210 185	#C2D2B9
16.7%	16.7% #B5CBAB	RGB 181 203 171	#B5CBAB
33.3%	33.3% #A8C49D	RGB 168 196 157	#A8C49D
50.0%	50.0% #9CBD8F	RGB 156 189 143	#9CBD8F
66.7%	66.7% #8FB681	RGB 143 182 129	#8FB681
83.3%	83.3% #82AF73	RGB 130 175 115	#82AF73
100.0%	100.0% #76A865	RGB 118 168 101	#76A865

#C2D2B9 #B5CBAB #A8C49D #9CBD8F #8FB681 #82AF73 #76A865

#C2D2B9 - #76A865

HSV混合

#C2D2B9 - #76A865 | colorate

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

0.0%	0.0% #C2D2B9	RGB 194 210 185	#C2D2B9
16.7%	16.7% #B4CBA9	RGB 180 203 169	#B4CBA9
33.3%	33.3% #A7C49A	RGB 167 196 154	#A7C49A
50.0%	50.0% #9BBD8C	RGB 155 189 140	#9BBD8C
66.7%	66.7% #8EB67E	RGB 142 182 126	#8EB67E
83.3%	83.3% #82AF71	RGB 130 175 113	#82AF71
100.0%	100.0% #76A865	RGB 118 168 101	#76A865

#C2D2B9 #B4CBA9 #A7C49A #9BBD8C #8EB67E #82AF71 #76A865

#C2D2B9 - #9BBD8C - #76A865

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D2B9 0%, #9BBD8C 50%, #76A865 100%);
    background: -webkit-linear-gradient(top, #C2D2B9 0%, #9BBD8C 50%, #76A865 100%);
    background: linear-gradient(to bottom, #C2D2B9 0%, #9BBD8C 50%, #76A865 100%);
}
</style>