#BC5E64 - #711E23 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BC5E64 to #711E23

#BC5E64 #711E23

Calculate the color between two colors, #BC5E64 and #711E23. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BC5E64 - #711E23 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BC5E64 as 0% and #711E23 as 100%.

0.0%	0.0% #BC5E64	RGB 188 94 100	#BC5E64
16.7%	16.7% #AF5359	RGB 175 83 89	#AF5359
33.3%	33.3% #A3484E	RGB 163 72 78	#A3484E
50.0%	50.0% #963E43	RGB 150 62 67	#963E43
66.7%	66.7% #8A3338	RGB 138 51 56	#8A3338
83.3%	83.3% #7D282D	RGB 125 40 45	#7D282D
100.0%	100.0% #711E23	RGB 113 30 35	#711E23

#BC5E64 #AF5359 #A3484E #963E43 #8A3338 #7D282D #711E23

#BC5E64 - #711E23

HSV Blend

#BC5E64 - #711E23 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BC5E64 as 0% and #711E23 as 100%.

0.0%	0.0% #BC5E64	RGB 188 94 100	#BC5E64
16.7%	16.7% #AF5056	RGB 175 80 86	#AF5056
33.3%	33.3% #A3444A	RGB 163 68 74	#A3444A
50.0%	50.0% #96393F	RGB 150 57 63	#96393F
66.7%	66.7% #8A2F34	RGB 138 47 52	#8A2F34
83.3%	83.3% #7D262B	RGB 125 38 43	#7D262B
100.0%	100.0% #711E23	RGB 113 30 35	#711E23

#BC5E64 #AF5056 #A3444A #96393F #8A2F34 #7D262B #711E23

#BC5E64 - #96393F - #711E23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC5E64 0%, #96393F 50%, #711E23 100%);
    background: -webkit-linear-gradient(top, #BC5E64 0%, #96393F 50%, #711E23 100%);
    background: linear-gradient(to bottom, #BC5E64 0%, #96393F 50%, #711E23 100%);
}
</style>