#552B39 - #BA6B5A | 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 #552B39 to #BA6B5A

#552B39 #BA6B5A

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

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

0.0%	0.0% #552B39	RGB 85 43 57	#552B39
16.7%	16.7% #65353E	RGB 101 53 62	#65353E
33.3%	33.3% #764044	RGB 118 64 68	#764044
50.0%	50.0% #874B49	RGB 135 75 73	#874B49
66.7%	66.7% #98554F	RGB 152 85 79	#98554F
83.3%	83.3% #A96054	RGB 169 96 84	#A96054
100.0%	100.0% #BA6B5A	RGB 186 107 90	#BA6B5A

#552B39 #65353E #764044 #874B49 #98554F #A96054 #BA6B5A

#552B39 - #BA6B5A

HSV Blend

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

0.0%	0.0% #552B39	RGB 85 43 57	#552B39
16.7%	16.7% #65333F	RGB 101 51 63	#65333F
33.3%	33.3% #763B44	RGB 118 59 68	#763B44
50.0%	50.0% #874348	RGB 135 67 72	#874348
66.7%	66.7% #984B4A	RGB 152 75 74	#984B4A
83.3%	83.3% #A95A52	RGB 169 90 82	#A95A52
100.0%	100.0% #BA6B5A	RGB 186 107 90	#BA6B5A

#552B39 #65333F #763B44 #874348 #984B4A #A95A52 #BA6B5A

#552B39 - #874348 - #BA6B5A

CSS codes

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

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