#552626 - #411003 | 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 #552626 to #411003

#552626 #411003

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

#552626 - #411003 | 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 #552626 as 0% and #411003 as 100%.

0.0%	0.0% #552626	RGB 85 38 38	#552626
16.7%	16.7% #512220	RGB 81 34 32	#512220
33.3%	33.3% #4E1E1A	RGB 78 30 26	#4E1E1A
50.0%	50.0% #4B1B14	RGB 75 27 20	#4B1B14
66.7%	66.7% #47170E	RGB 71 23 14	#47170E
83.3%	83.3% #441308	RGB 68 19 8	#441308
100.0%	100.0% #411003	RGB 65 16 3	#411003

#552626 #512220 #4E1E1A #4B1B14 #47170E #441308 #411003

#552626 - #411003

HSV Blend

#552626 - #411003 | 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 #552626 as 0% and #411003 as 100%.

0.0%	0.0% #552626	RGB 85 38 38	#552626
16.7%	16.7% #51201F	RGB 81 32 31	#51201F
33.3%	33.3% #4E1C18	RGB 78 28 24	#4E1C18
50.0%	50.0% #4B1812	RGB 75 24 18	#4B1812
66.7%	66.7% #47150C	RGB 71 21 12	#47150C
83.3%	83.3% #441207	RGB 68 18 7	#441207
100.0%	100.0% #411003	RGB 65 16 3	#411003

#552626 #51201F #4E1C18 #4B1812 #47150C #441207 #411003

#552626 - #4B1812 - #411003

CSS codes

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

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