#AD7E6B - #FADA8D | colorate

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

Blend #AD7E6B to #FADA8D

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

RGB混合

#AD7E6B - #FADA8D | colorate

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

0.0%	0.0% #AD7E6B	RGB 173 126 107	#AD7E6B
16.7%	16.7% #B98D70	RGB 185 141 112	#B98D70
33.3%	33.3% #C69C76	RGB 198 156 118	#C69C76
50.0%	50.0% #D3AC7C	RGB 211 172 124	#D3AC7C
66.7%	66.7% #E0BB81	RGB 224 187 129	#E0BB81
83.3%	83.3% #EDCA87	RGB 237 202 135	#EDCA87
100.0%	100.0% #FADA8D	RGB 250 218 141	#FADA8D

#AD7E6B #B98D70 #C69C76 #D3AC7C #E0BB81 #EDCA87 #FADA8D

#AD7E6B - #FADA8D

HSV混合

#AD7E6B - #FADA8D | colorate

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

0.0%	0.0% #AD7E6B	RGB 173 126 107	#AD7E6B
16.7%	16.7% #B98B71	RGB 185 139 113	#B98B71
33.3%	33.3% #C69977	RGB 198 153 119	#C69977
50.0%	50.0% #D3A87D	RGB 211 168 125	#D3A87D
66.7%	66.7% #E0B782	RGB 224 183 130	#E0B782
83.3%	83.3% #EDC887	RGB 237 200 135	#EDC887
100.0%	100.0% #FADA8D	RGB 250 218 141	#FADA8D

#AD7E6B #B98B71 #C69977 #D3A87D #E0B782 #EDC887 #FADA8D

#AD7E6B - #D3A87D - #FADA8D

CSS代码

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

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