#561B2B - #B05246 | 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 #561B2B to #B05246

#561B2B #B05246

Calculate the color between two colors, #561B2B and #B05246. 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)

#561B2B - #B05246 | 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 #561B2B as 0% and #B05246 as 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 Blend

#561B2B - #B05246 | 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 #561B2B as 0% and #B05246 as 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 codes

<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>