#C7ADB9 - #AD587E | colorate

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

Blend #C7ADB9 to #AD587E

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

RGB混合

#C7ADB9 - #AD587E | colorate

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

0.0%	0.0% #C7ADB9	RGB 199 173 185	#C7ADB9
16.7%	16.7% #C29EAF	RGB 194 158 175	#C29EAF
33.3%	33.3% #BE90A5	RGB 190 144 165	#BE90A5
50.0%	50.0% #BA829B	RGB 186 130 155	#BA829B
66.7%	66.7% #B57491	RGB 181 116 145	#B57491
83.3%	83.3% #B16687	RGB 177 102 135	#B16687
100.0%	100.0% #AD587E	RGB 173 88 126	#AD587E

#C7ADB9 #C29EAF #BE90A5 #BA829B #B57491 #B16687 #AD587E

#C7ADB9 - #AD587E

HSV混合

#C7ADB9 - #AD587E | colorate

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

0.0%	0.0% #C7ADB9	RGB 199 173 185	#C7ADB9
16.7%	16.7% #C29DAE	RGB 194 157 174	#C29DAE
33.3%	33.3% #BE8EA4	RGB 190 142 164	#BE8EA4
50.0%	50.0% #BA809A	RGB 186 128 154	#BA809A
66.7%	66.7% #B57290	RGB 181 114 144	#B57290
83.3%	83.3% #B16487	RGB 177 100 135	#B16487
100.0%	100.0% #AD587E	RGB 173 88 126	#AD587E

#C7ADB9 #C29DAE #BE8EA4 #BA809A #B57290 #B16487 #AD587E

#C7ADB9 - #BA809A - #AD587E

CSS代码

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

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