#4B2D5E - #1D013F | 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 #4B2D5E to #1D013F

#4B2D5E #1D013F

Calculate the color between two colors, #4B2D5E and #1D013F. 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)

#4B2D5E - #1D013F | 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 #4B2D5E as 0% and #1D013F as 100%.

0.0%	0.0% #4B2D5E	RGB 75 45 94	#4B2D5E
16.7%	16.7% #432558	RGB 67 37 88	#432558
33.3%	33.3% #3B1E53	RGB 59 30 83	#3B1E53
50.0%	50.0% #34174E	RGB 52 23 78	#34174E
66.7%	66.7% #2C0F49	RGB 44 15 73	#2C0F49
83.3%	83.3% #240844	RGB 36 8 68	#240844
100.0%	100.0% #1D013F	RGB 29 1 63	#1D013F

#4B2D5E #432558 #3B1E53 #34174E #2C0F49 #240844 #1D013F

#4B2D5E - #1D013F

HSV Blend

#4B2D5E - #1D013F | 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 #4B2D5E as 0% and #1D013F as 100%.

0.0%	0.0% #4B2D5E	RGB 75 45 94	#4B2D5E
16.7%	16.7% #422358	RGB 66 35 88	#422358
33.3%	33.3% #3A1B53	RGB 58 27 83	#3A1B53
50.0%	50.0% #32134E	RGB 50 19 78	#32134E
66.7%	66.7% #2B0C49	RGB 43 12 73	#2B0C49
83.3%	83.3% #230644	RGB 35 6 68	#230644
100.0%	100.0% #1D013F	RGB 29 1 63	#1D013F

#4B2D5E #422358 #3A1B53 #32134E #2B0C49 #230644 #1D013F

#4B2D5E - #32134E - #1D013F

CSS codes

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

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