#49085E - #090410 | 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 #49085E to #090410

#49085E #090410

Calculate the color between two colors, #49085E and #090410. 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)

#49085E - #090410 | 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 #49085E as 0% and #090410 as 100%.

0.0%	0.0% #49085E	RGB 73 8 94	#49085E
16.7%	16.7% #3E0751	RGB 62 7 81	#3E0751
33.3%	33.3% #330644	RGB 51 6 68	#330644
50.0%	50.0% #290637	RGB 41 6 55	#290637
66.7%	66.7% #1E052A	RGB 30 5 42	#1E052A
83.3%	83.3% #13041D	RGB 19 4 29	#13041D
100.0%	100.0% #090410	RGB 9 4 16	#090410

#49085E #3E0751 #330644 #290637 #1E052A #13041D #090410

#49085E - #090410

HSV Blend

#49085E - #090410 | 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 #49085E as 0% and #090410 as 100%.

0.0%	0.0% #49075E	RGB 73 7 94	#49075E
16.7%	16.7% #3B0951	RGB 59 9 81	#3B0951
33.3%	33.3% #2F0944	RGB 47 9 68	#2F0944
50.0%	50.0% #240937	RGB 36 9 55	#240937
66.7%	66.7% #1A082A	RGB 26 8 42	#1A082A
83.3%	83.3% #11061D	RGB 17 6 29	#11061D
100.0%	100.0% #090410	RGB 9 4 16	#090410

#49075E #3B0951 #2F0944 #240937 #1A082A #11061D #090410

#49085E - #240937 - #090410

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49075E 0%, #240937 50%, #090410 100%);
    background: -webkit-linear-gradient(top, #49075E 0%, #240937 50%, #090410 100%);
    background: linear-gradient(to bottom, #49075E 0%, #240937 50%, #090410 100%);
}
</style>