#960013 - #5E001D | 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 #960013 to #5E001D

#960013 #5E001D

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

#960013 - #5E001D | 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 #960013 as 0% and #5E001D as 100%.

0.0%	0.0% #960013	RGB 150 0 19	#960013
16.7%	16.7% #8C0014	RGB 140 0 20	#8C0014
33.3%	33.3% #830016	RGB 131 0 22	#830016
50.0%	50.0% #7A0018	RGB 122 0 24	#7A0018
66.7%	66.7% #700019	RGB 112 0 25	#700019
83.3%	83.3% #67001B	RGB 103 0 27	#67001B
100.0%	100.0% #5E001D	RGB 94 0 29	#5E001D

#960013 #8C0014 #830016 #7A0018 #700019 #67001B #5E001D

#960013 - #5E001D

HSV Blend

#960013 - #5E001D | 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 #960013 as 0% and #5E001D as 100%.

0.0%	0.0% #960013	RGB 150 0 19	#960013
16.7%	16.7% #8C0016	RGB 140 0 22	#8C0016
33.3%	33.3% #830018	RGB 131 0 24	#830018
50.0%	50.0% #7A001A	RGB 122 0 26	#7A001A
66.7%	66.7% #70001B	RGB 112 0 27	#70001B
83.3%	83.3% #67001C	RGB 103 0 28	#67001C
100.0%	100.0% #5E001D	RGB 94 0 29	#5E001D

#960013 #8C0016 #830018 #7A001A #70001B #67001C #5E001D

#960013 - #7A001A - #5E001D

CSS codes

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

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