#AB8889 - #703E3C | colorate

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

Blend #AB8889 to #703E3C

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

RGB混合

#AB8889 - #703E3C | colorate

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

0.0%	0.0% #AB8889	RGB 171 136 137	#AB8889
16.7%	16.7% #A17B7C	RGB 161 123 124	#A17B7C
33.3%	33.3% #976F6F	RGB 151 111 111	#976F6F
50.0%	50.0% #8D6362	RGB 141 99 98	#8D6362
66.7%	66.7% #835655	RGB 131 86 85	#835655
83.3%	83.3% #794A48	RGB 121 74 72	#794A48
100.0%	100.0% #703E3C	RGB 112 62 60	#703E3C

#AB8889 #A17B7C #976F6F #8D6362 #835655 #794A48 #703E3C

#AB8889 - #703E3C

HSV混合

#AB8889 - #703E3C | colorate

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

0.0%	0.0% #AB8889	RGB 171 136 137	#AB8889
16.7%	16.7% #A17979	RGB 161 121 121	#A17979
33.3%	33.3% #976B6B	RGB 151 107 107	#976B6B
50.0%	50.0% #8D5E5E	RGB 141 94 94	#8D5E5E
66.7%	66.7% #835251	RGB 131 82 81	#835251
83.3%	83.3% #794746	RGB 121 71 70	#794746
100.0%	100.0% #703E3C	RGB 112 62 60	#703E3C

#AB8889 #A17979 #976B6B #8D5E5E #835251 #794746 #703E3C

#AB8889 - #8D5E5E - #703E3C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB8889 0%, #8D5E5E 50%, #703E3C 100%);
    background: -webkit-linear-gradient(top, #AB8889 0%, #8D5E5E 50%, #703E3C 100%);
    background: linear-gradient(to bottom, #AB8889 0%, #8D5E5E 50%, #703E3C 100%);
}
</style>