#C7A8A8 - #923D3D | colorate

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

Blend #C7A8A8 to #923D3D

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

RGB混合

#C7A8A8 - #923D3D | colorate

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

0.0%	0.0% #C7A8A8	RGB 199 168 168	#C7A8A8
16.7%	16.7% #BE9696	RGB 190 150 150	#BE9696
33.3%	33.3% #B58484	RGB 181 132 132	#B58484
50.0%	50.0% #AC7272	RGB 172 114 114	#AC7272
66.7%	66.7% #A36060	RGB 163 96 96	#A36060
83.3%	83.3% #9A4E4E	RGB 154 78 78	#9A4E4E
100.0%	100.0% #923D3D	RGB 146 61 61	#923D3D

#C7A8A8 #BE9696 #B58484 #AC7272 #A36060 #9A4E4E #923D3D

#C7A8A8 - #923D3D

HSV混合

#C7A8A8 - #923D3D | colorate

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

0.0%	0.0% #C7A8A8	RGB 199 168 168	#C7A8A8
16.7%	16.7% #BE9393	RGB 190 147 147	#BE9393
33.3%	33.3% #B57F7F	RGB 181 127 127	#B57F7F
50.0%	50.0% #AC6C6C	RGB 172 108 108	#AC6C6C
66.7%	66.7% #A35B5B	RGB 163 91 91	#A35B5B
83.3%	83.3% #9A4B4B	RGB 154 75 75	#9A4B4B
100.0%	100.0% #923D3D	RGB 146 61 61	#923D3D

#C7A8A8 #BE9393 #B57F7F #AC6C6C #A35B5B #9A4B4B #923D3D

#C7A8A8 - #AC6C6C - #923D3D

CSS代码

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

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