#552B2B - #B56C53 | 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 #552B2B to #B56C53

#552B2B #B56C53

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

#552B2B - #B56C53 | 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 #552B2B as 0% and #B56C53 as 100%.

0.0%	0.0% #552B2B	RGB 85 43 43	#552B2B
16.7%	16.7% #653531	RGB 101 53 49	#653531
33.3%	33.3% #754038	RGB 117 64 56	#754038
50.0%	50.0% #854B3F	RGB 133 75 63	#854B3F
66.7%	66.7% #955645	RGB 149 86 69	#955645
83.3%	83.3% #A5614C	RGB 165 97 76	#A5614C
100.0%	100.0% #B56C53	RGB 181 108 83	#B56C53

#552B2B #653531 #754038 #854B3F #955645 #A5614C #B56C53

#552B2B - #B56C53

HSV Blend

#552B2B - #B56C53 | 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 #552B2B as 0% and #B56C53 as 100%.

0.0%	0.0% #552B2B	RGB 85 43 43	#552B2B
16.7%	16.7% #653432	RGB 101 52 50	#653432
33.3%	33.3% #753E39	RGB 117 62 57	#753E39
50.0%	50.0% #854840	RGB 133 72 64	#854840
66.7%	66.7% #955346	RGB 149 83 70	#955346
83.3%	83.3% #A55F4C	RGB 165 95 76	#A55F4C
100.0%	100.0% #B56C53	RGB 181 108 83	#B56C53

#552B2B #653432 #753E39 #854840 #955346 #A55F4C #B56C53

#552B2B - #854840 - #B56C53

CSS codes

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

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