#AF5E69 - #FCAA7D | colorate

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

Blend #AF5E69 to #FCAA7D

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

RGB混合

#AF5E69 - #FCAA7D | colorate

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

0.0%	0.0% #AF5E69	RGB 175 94 105	#AF5E69
16.7%	16.7% #BB6A6C	RGB 187 106 108	#BB6A6C
33.3%	33.3% #C8776F	RGB 200 119 111	#C8776F
50.0%	50.0% #D58473	RGB 213 132 115	#D58473
66.7%	66.7% #E29076	RGB 226 144 118	#E29076
83.3%	83.3% #EF9D79	RGB 239 157 121	#EF9D79
100.0%	100.0% #FCAA7D	RGB 252 170 125	#FCAA7D

#AF5E69 #BB6A6C #C8776F #D58473 #E29076 #EF9D79 #FCAA7D

#AF5E69 - #FCAA7D

HSV混合

#AF5E69 - #FCAA7D | colorate

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

0.0%	0.0% #AF5E68	RGB 175 94 104	#AF5E68
16.7%	16.7% #BB6368	RGB 187 99 104	#BB6368
33.3%	33.3% #C86B69	RGB 200 107 105	#C86B69
50.0%	50.0% #D5796E	RGB 213 121 110	#D5796E
66.7%	66.7% #E28873	RGB 226 136 115	#E28873
83.3%	83.3% #EF9878	RGB 239 152 120	#EF9878
100.0%	100.0% #FCAA7D	RGB 252 170 125	#FCAA7D

#AF5E68 #BB6368 #C86B69 #D5796E #E28873 #EF9878 #FCAA7D

#AF5E69 - #D5796E - #FCAA7D

CSS代码

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

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