#5E001E - #16060C | 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 #5E001E to #16060C

#5E001E #16060C

Calculate the color between two colors, #5E001E and #16060C. 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)

#5E001E - #16060C | 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 #5E001E as 0% and #16060C as 100%.

0.0%	0.0% #5E001E	RGB 94 0 30	#5E001E
16.7%	16.7% #52011B	RGB 82 1 27	#52011B
33.3%	33.3% #460218	RGB 70 2 24	#460218
50.0%	50.0% #3A0315	RGB 58 3 21	#3A0315
66.7%	66.7% #2E0412	RGB 46 4 18	#2E0412
83.3%	83.3% #22050F	RGB 34 5 15	#22050F
100.0%	100.0% #16060C	RGB 22 6 12	#16060C

#5E001E #52011B #460218 #3A0315 #2E0412 #22050F #16060C

#5E001E - #16060C

HSV Blend

#5E001E - #16060C | 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 #5E001E as 0% and #16060C as 100%.

0.0%	0.0% #5E001D	RGB 94 0 29	#5E001D
16.7%	16.7% #52031D	RGB 82 3 29	#52031D
33.3%	33.3% #46061B	RGB 70 6 27	#46061B
50.0%	50.0% #3A0719	RGB 58 7 25	#3A0719
66.7%	66.7% #2E0815	RGB 46 8 21	#2E0815
83.3%	83.3% #220711	RGB 34 7 17	#220711
100.0%	100.0% #16060C	RGB 22 6 12	#16060C

#5E001D #52031D #46061B #3A0719 #2E0815 #220711 #16060C

#5E001E - #3A0719 - #16060C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E001D 0%, #3A0719 50%, #16060C 100%);
    background: -webkit-linear-gradient(top, #5E001D 0%, #3A0719 50%, #16060C 100%);
    background: linear-gradient(to bottom, #5E001D 0%, #3A0719 50%, #16060C 100%);
}
</style>