#552D2D - #180C0C | 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 #552D2D to #180C0C

#552D2D #180C0C

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

#552D2D - #180C0C | 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 #552D2D as 0% and #180C0C as 100%.

0.0%	0.0% #552D2D	RGB 85 45 45	#552D2D
16.7%	16.7% #4A2727	RGB 74 39 39	#4A2727
33.3%	33.3% #402222	RGB 64 34 34	#402222
50.0%	50.0% #361C1C	RGB 54 28 28	#361C1C
66.7%	66.7% #2C1717	RGB 44 23 23	#2C1717
83.3%	83.3% #221111	RGB 34 17 17	#221111
100.0%	100.0% #180C0C	RGB 24 12 12	#180C0C

#552D2D #4A2727 #402222 #361C1C #2C1717 #221111 #180C0C

#552D2D - #180C0C

HSV Blend

#552D2D - #180C0C | 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 #552D2D as 0% and #180C0C as 100%.

0.0%	0.0% #552D2D	RGB 85 45 45	#552D2D
16.7%	16.7% #4A2727	RGB 74 39 39	#4A2727
33.3%	33.3% #402121	RGB 64 33 33	#402121
50.0%	50.0% #361C1C	RGB 54 28 28	#361C1C
66.7%	66.7% #2C1616	RGB 44 22 22	#2C1616
83.3%	83.3% #221111	RGB 34 17 17	#221111
100.0%	100.0% #180C0C	RGB 24 12 12	#180C0C

#552D2D #4A2727 #402121 #361C1C #2C1616 #221111 #180C0C

#552D2D - #361C1C - #180C0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552D2D 0%, #361C1C 50%, #180C0C 100%);
    background: -webkit-linear-gradient(top, #552D2D 0%, #361C1C 50%, #180C0C 100%);
    background: linear-gradient(to bottom, #552D2D 0%, #361C1C 50%, #180C0C 100%);
}
</style>