#4D0E4D - #02090E | 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 #4D0E4D to #02090E

#4D0E4D #02090E

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

#4D0E4D - #02090E | 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 #4D0E4D as 0% and #02090E as 100%.

0.0%	0.0% #4D0E4D	RGB 77 14 77	#4D0E4D
16.7%	16.7% #400D42	RGB 64 13 66	#400D42
33.3%	33.3% #340C38	RGB 52 12 56	#340C38
50.0%	50.0% #270B2D	RGB 39 11 45	#270B2D
66.7%	66.7% #1B0A23	RGB 27 10 35	#1B0A23
83.3%	83.3% #0E0918	RGB 14 9 24	#0E0918
100.0%	100.0% #02090E	RGB 2 9 14	#02090E

#4D0E4D #400D42 #340C38 #270B2D #1B0A23 #0E0918 #02090E

#4D0E4D - #02090E

HSV Blend

#4D0E4D - #02090E | 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 #4D0E4D as 0% and #02090E as 100%.

0.0%	0.0% #4C0E4D	RGB 76 14 77	#4C0E4D
16.7%	16.7% #340B42	RGB 52 11 66	#340B42
33.3%	33.3% #1F0938	RGB 31 9 56	#1F0938
50.0%	50.0% #0F072D	RGB 15 7 45	#0F072D
66.7%	66.7% #050723	RGB 5 7 35	#050723
83.3%	83.3% #030A18	RGB 3 10 24	#030A18
100.0%	100.0% #02090E	RGB 2 9 14	#02090E

#4C0E4D #340B42 #1F0938 #0F072D #050723 #030A18 #02090E

#4D0E4D - #0F072D - #02090E

CSS codes

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

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