#561B2B - #B05246 | colorate

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

Blend #561B2B to #B05246

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

RGB混合

#561B2B - #B05246 | colorate

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

0.0%	0.0% #561B2B	RGB 86 27 43	#561B2B
16.7%	16.7% #65242F	RGB 101 36 47	#65242F
33.3%	33.3% #742D34	RGB 116 45 52	#742D34
50.0%	50.0% #833638	RGB 131 54 56	#833638
66.7%	66.7% #923F3D	RGB 146 63 61	#923F3D
83.3%	83.3% #A14841	RGB 161 72 65	#A14841
100.0%	100.0% #B05246	RGB 176 82 70	#B05246

#561B2B #65242F #742D34 #833638 #923F3D #A14841 #B05246

#561B2B - #B05246

HSV混合

#561B2B - #B05246 | colorate

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

0.0%	0.0% #561B2A	RGB 86 27 42	#561B2A
16.7%	16.7% #65212F	RGB 101 33 47	#65212F
33.3%	33.3% #742732	RGB 116 39 50	#742732
50.0%	50.0% #832E35	RGB 131 46 53	#832E35
66.7%	66.7% #923537	RGB 146 53 55	#923537
83.3%	83.3% #A1423D	RGB 161 66 61	#A1423D
100.0%	100.0% #B05246	RGB 176 82 70	#B05246

#561B2A #65212F #742732 #832E35 #923537 #A1423D #B05246

#561B2B - #832E35 - #B05246

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #561B2A 0%, #832E35 50%, #B05246 100%);
    background: -webkit-linear-gradient(top, #561B2A 0%, #832E35 50%, #B05246 100%);
    background: linear-gradient(to bottom, #561B2A 0%, #832E35 50%, #B05246 100%);
}
</style>