#C7B0AD - #AD6458 | colorate

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

Blend #C7B0AD to #AD6458

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

RGB混合

#C7B0AD - #AD6458 | colorate

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

0.0%	0.0% #C7B0AD	RGB 199 176 173	#C7B0AD
16.7%	16.7% #C2A39E	RGB 194 163 158	#C2A39E
33.3%	33.3% #BE9690	RGB 190 150 144	#BE9690
50.0%	50.0% #BA8A82	RGB 186 138 130	#BA8A82
66.7%	66.7% #B57D74	RGB 181 125 116	#B57D74
83.3%	83.3% #B17066	RGB 177 112 102	#B17066
100.0%	100.0% #AD6458	RGB 173 100 88	#AD6458

#C7B0AD #C2A39E #BE9690 #BA8A82 #B57D74 #B17066 #AD6458

#C7B0AD - #AD6458

HSV混合

#C7B0AD - #AD6458 | colorate

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

0.0%	0.0% #C7B0AD	RGB 199 176 173	#C7B0AD
16.7%	16.7% #C2A19D	RGB 194 161 157	#C2A19D
33.3%	33.3% #BE948E	RGB 190 148 142	#BE948E
50.0%	50.0% #BA8780	RGB 186 135 128	#BA8780
66.7%	66.7% #B57B72	RGB 181 123 114	#B57B72
83.3%	83.3% #B16F64	RGB 177 111 100	#B16F64
100.0%	100.0% #AD6458	RGB 173 100 88	#AD6458

#C7B0AD #C2A19D #BE948E #BA8780 #B57B72 #B16F64 #AD6458

#C7B0AD - #BA8780 - #AD6458

CSS代码

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

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