#552424 - #401004 | 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 #552424 to #401004

#552424 #401004

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

#552424 - #401004 | 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 #552424 as 0% and #401004 as 100%.

0.0%	0.0% #552424	RGB 85 36 36	#552424
16.7%	16.7% #51201E	RGB 81 32 30	#51201E
33.3%	33.3% #4E1D19	RGB 78 29 25	#4E1D19
50.0%	50.0% #4A1A14	RGB 74 26 20	#4A1A14
66.7%	66.7% #47160E	RGB 71 22 14	#47160E
83.3%	83.3% #431309	RGB 67 19 9	#431309
100.0%	100.0% #401004	RGB 64 16 4	#401004

#552424 #51201E #4E1D19 #4A1A14 #47160E #431309 #401004

#552424 - #401004

HSV Blend

#552424 - #401004 | 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 #552424 as 0% and #401004 as 100%.

0.0%	0.0% #552424	RGB 85 36 36	#552424
16.7%	16.7% #511F1D	RGB 81 31 29	#511F1D
33.3%	33.3% #4E1B17	RGB 78 27 23	#4E1B17
50.0%	50.0% #4A1712	RGB 74 23 18	#4A1712
66.7%	66.7% #47140C	RGB 71 20 12	#47140C
83.3%	83.3% #431208	RGB 67 18 8	#431208
100.0%	100.0% #401004	RGB 64 16 4	#401004

#552424 #511F1D #4E1B17 #4A1712 #47140C #431208 #401004

#552424 - #4A1712 - #401004

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552424 0%, #4A1712 50%, #401004 100%);
    background: -webkit-linear-gradient(top, #552424 0%, #4A1712 50%, #401004 100%);
    background: linear-gradient(to bottom, #552424 0%, #4A1712 50%, #401004 100%);
}
</style>