#BF3E2D - #7B180B | colorate

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

Blend #BF3E2D to #7B180B

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

RGB混合

#BF3E2D - #7B180B | colorate

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

0.0%	0.0% #BF3E2D	RGB 191 62 45	#BF3E2D
16.7%	16.7% #B33727	RGB 179 55 39	#B33727
33.3%	33.3% #A83121	RGB 168 49 33	#A83121
50.0%	50.0% #9D2B1C	RGB 157 43 28	#9D2B1C
66.7%	66.7% #912416	RGB 145 36 22	#912416
83.3%	83.3% #861E10	RGB 134 30 16	#861E10
100.0%	100.0% #7B180B	RGB 123 24 11	#7B180B

#BF3E2D #B33727 #A83121 #9D2B1C #912416 #861E10 #7B180B

#BF3E2D - #7B180B

HSV混合

#BF3E2D - #7B180B | colorate

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

0.0%	0.0% #BF3E2C	RGB 191 62 44	#BF3E2C
16.7%	16.7% #B33625	RGB 179 54 37	#B33625
33.3%	33.3% #A82F1F	RGB 168 47 31	#A82F1F
50.0%	50.0% #9D2819	RGB 157 40 25	#9D2819
66.7%	66.7% #912214	RGB 145 34 20	#912214
83.3%	83.3% #861D0F	RGB 134 29 15	#861D0F
100.0%	100.0% #7B180B	RGB 123 24 11	#7B180B

#BF3E2C #B33625 #A82F1F #9D2819 #912214 #861D0F #7B180B

#BF3E2D - #9D2819 - #7B180B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF3E2C 0%, #9D2819 50%, #7B180B 100%);
    background: -webkit-linear-gradient(top, #BF3E2C 0%, #9D2819 50%, #7B180B 100%);
    background: linear-gradient(to bottom, #BF3E2C 0%, #9D2819 50%, #7B180B 100%);
}
</style>