#552828 - #B3684E | 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 #552828 to #B3684E

#552828 #B3684E

Calculate the color between two colors, #552828 and #B3684E. 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)

#552828 - #B3684E | 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 #552828 as 0% and #B3684E as 100%.

0.0%	0.0% #552828	RGB 85 40 40	#552828
16.7%	16.7% #64322E	RGB 100 50 46	#64322E
33.3%	33.3% #743D34	RGB 116 61 52	#743D34
50.0%	50.0% #84483B	RGB 132 72 59	#84483B
66.7%	66.7% #935241	RGB 147 82 65	#935241
83.3%	83.3% #A35D47	RGB 163 93 71	#A35D47
100.0%	100.0% #B3684E	RGB 179 104 78	#B3684E

#552828 #64322E #743D34 #84483B #935241 #A35D47 #B3684E

#552828 - #B3684E

HSV Blend

#552828 - #B3684E | 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 #552828 as 0% and #B3684E as 100%.

0.0%	0.0% #552828	RGB 85 40 40	#552828
16.7%	16.7% #64312E	RGB 100 49 46	#64312E
33.3%	33.3% #743A35	RGB 116 58 53	#743A35
50.0%	50.0% #84453B	RGB 132 69 59	#84453B
66.7%	66.7% #935042	RGB 147 80 66	#935042
83.3%	83.3% #A35B48	RGB 163 91 72	#A35B48
100.0%	100.0% #B3684E	RGB 179 104 78	#B3684E

#552828 #64312E #743A35 #84453B #935042 #A35B48 #B3684E

#552828 - #84453B - #B3684E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552828 0%, #84453B 50%, #B3684E 100%);
    background: -webkit-linear-gradient(top, #552828 0%, #84453B 50%, #B3684E 100%);
    background: linear-gradient(to bottom, #552828 0%, #84453B 50%, #B3684E 100%);
}
</style>