#552D3C - #2F0C0C | 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 #552D3C to #2F0C0C

#552D3C #2F0C0C

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

#552D3C - #2F0C0C | 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 #552D3C as 0% and #2F0C0C as 100%.

0.0%	0.0% #552D3C	RGB 85 45 60	#552D3C
16.7%	16.7% #4E2734	RGB 78 39 52	#4E2734
33.3%	33.3% #48222C	RGB 72 34 44	#48222C
50.0%	50.0% #421C24	RGB 66 28 36	#421C24
66.7%	66.7% #3B171C	RGB 59 23 28	#3B171C
83.3%	83.3% #351114	RGB 53 17 20	#351114
100.0%	100.0% #2F0C0C	RGB 47 12 12	#2F0C0C

#552D3C #4E2734 #48222C #421C24 #3B171C #351114 #2F0C0C

#552D3C - #2F0C0C

HSV Blend

#552D3C - #2F0C0C | 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 #552D3C as 0% and #2F0C0C as 100%.

0.0%	0.0% #552D3C	RGB 85 45 60	#552D3C
16.7%	16.7% #4E2632	RGB 78 38 50	#4E2632
33.3%	33.3% #481F29	RGB 72 31 41	#481F29
50.0%	50.0% #421921	RGB 66 25 33	#421921
66.7%	66.7% #3B1419	RGB 59 20 25	#3B1419
83.3%	83.3% #351012	RGB 53 16 18	#351012
100.0%	100.0% #2F0C0C	RGB 47 12 12	#2F0C0C

#552D3C #4E2632 #481F29 #421921 #3B1419 #351012 #2F0C0C

#552D3C - #421921 - #2F0C0C

CSS codes

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

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