#B0565B - #FCA16C | colorate

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

Blend #B0565B to #FCA16C

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

RGB混合

#B0565B - #FCA16C | colorate

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

0.0%	0.0% #B0565B	RGB 176 86 91	#B0565B
16.7%	16.7% #BC625D	RGB 188 98 93	#BC625D
33.3%	33.3% #C96F60	RGB 201 111 96	#C96F60
50.0%	50.0% #D67B63	RGB 214 123 99	#D67B63
66.7%	66.7% #E28866	RGB 226 136 102	#E28866
83.3%	83.3% #EF9469	RGB 239 148 105	#EF9469
100.0%	100.0% #FCA16C	RGB 252 161 108	#FCA16C

#B0565B #BC625D #C96F60 #D67B63 #E28866 #EF9469 #FCA16C

#B0565B - #FCA16C

HSV混合

#B0565B - #FCA16C | colorate

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

0.0%	0.0% #B0565B	RGB 176 86 91	#B0565B
16.7%	16.7% #BC5B5A	RGB 188 91 90	#BC5B5A
33.3%	33.3% #C9675E	RGB 201 103 94	#C9675E
50.0%	50.0% #D67462	RGB 214 116 98	#D67462
66.7%	66.7% #E28265	RGB 226 130 101	#E28265
83.3%	83.3% #EF9068	RGB 239 144 104	#EF9068
100.0%	100.0% #FCA16C	RGB 252 161 108	#FCA16C

#B0565B #BC5B5A #C9675E #D67462 #E28265 #EF9068 #FCA16C

#B0565B - #D67462 - #FCA16C

CSS代码

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

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