#C76B5E - #FF8F7E | colorate

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

Blend #C76B5E to #FF8F7E

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

RGB混合

#C76B5E - #FF8F7E | colorate

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

0.0%	0.0% #C76B5E	RGB 199 107 94	#C76B5E
16.7%	16.7% #D07163	RGB 208 113 99	#D07163
33.3%	33.3% #D97768	RGB 217 119 104	#D97768
50.0%	50.0% #E37D6E	RGB 227 125 110	#E37D6E
66.7%	66.7% #EC8373	RGB 236 131 115	#EC8373
83.3%	83.3% #F58978	RGB 245 137 120	#F58978
100.0%	100.0% #FF8F7E	RGB 255 143 126	#FF8F7E

#C76B5E #D07163 #D97768 #E37D6E #EC8373 #F58978 #FF8F7E

#C76B5E - #FF8F7E

HSV混合

#C76B5E - #FF8F7E | colorate

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

0.0%	0.0% #C76B5E	RGB 199 107 94	#C76B5E
16.7%	16.7% #D07063	RGB 208 112 99	#D07063
33.3%	33.3% #D97668	RGB 217 118 104	#D97668
50.0%	50.0% #E37C6D	RGB 227 124 109	#E37C6D
66.7%	66.7% #EC8273	RGB 236 130 115	#EC8273
83.3%	83.3% #F58878	RGB 245 136 120	#F58878
100.0%	100.0% #FF8F7E	RGB 255 143 126	#FF8F7E

#C76B5E #D07063 #D97668 #E37C6D #EC8273 #F58878 #FF8F7E

#C76B5E - #E37C6D - #FF8F7E

CSS代码

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

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