#552929 - #B36950 | 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 #552929 to #B36950

#552929 #B36950

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

#552929 - #B36950 | 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 #552929 as 0% and #B36950 as 100%.

0.0%	0.0% #552929	RGB 85 41 41	#552929
16.7%	16.7% #64332F	RGB 100 51 47	#64332F
33.3%	33.3% #743E36	RGB 116 62 54	#743E36
50.0%	50.0% #84493C	RGB 132 73 60	#84493C
66.7%	66.7% #935343	RGB 147 83 67	#935343
83.3%	83.3% #A35E49	RGB 163 94 73	#A35E49
100.0%	100.0% #B36950	RGB 179 105 80	#B36950

#552929 #64332F #743E36 #84493C #935343 #A35E49 #B36950

#552929 - #B36950

HSV Blend

#552929 - #B36950 | 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 #552929 as 0% and #B36950 as 100%.

0.0%	0.0% #552929	RGB 85 41 41	#552929
16.7%	16.7% #64322F	RGB 100 50 47	#64322F
33.3%	33.3% #743B36	RGB 116 59 54	#743B36
50.0%	50.0% #84463D	RGB 132 70 61	#84463D
66.7%	66.7% #935143	RGB 147 81 67	#935143
83.3%	83.3% #A35C49	RGB 163 92 73	#A35C49
100.0%	100.0% #B36950	RGB 179 105 80	#B36950

#552929 #64322F #743B36 #84463D #935143 #A35C49 #B36950

#552929 - #84463D - #B36950

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552929 0%, #84463D 50%, #B36950 100%);
    background: -webkit-linear-gradient(top, #552929 0%, #84463D 50%, #B36950 100%);
    background: linear-gradient(to bottom, #552929 0%, #84463D 50%, #B36950 100%);
}
</style>