#191C5E - #4D2FB5 | 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 #191C5E to #4D2FB5

#191C5E #4D2FB5

Calculate the color between two colors, #191C5E and #4D2FB5. 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)

#191C5E - #4D2FB5 | 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 #191C5E as 0% and #4D2FB5 as 100%.

0.0%	0.0% #191C5E	RGB 25 28 94	#191C5E
16.7%	16.7% #211F6C	RGB 33 31 108	#211F6C
33.3%	33.3% #2A227B	RGB 42 34 123	#2A227B
50.0%	50.0% #332589	RGB 51 37 137	#332589
66.7%	66.7% #3B2898	RGB 59 40 152	#3B2898
83.3%	83.3% #442BA6	RGB 68 43 166	#442BA6
100.0%	100.0% #4D2FB5	RGB 77 47 181	#4D2FB5

#191C5E #211F6C #2A227B #332589 #3B2898 #442BA6 #4D2FB5

#191C5E - #4D2FB5

HSV Blend

#191C5E - #4D2FB5 | 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 #191C5E as 0% and #4D2FB5 as 100%.

0.0%	0.0% #191B5E	RGB 25 27 94	#191B5E
16.7%	16.7% #1C1C6C	RGB 28 28 108	#1C1C6C
33.3%	33.3% #24207B	RGB 36 32 123	#24207B
50.0%	50.0% #2D2489	RGB 45 36 137	#2D2489
66.7%	66.7% #362798	RGB 54 39 152	#362798
83.3%	83.3% #412BA6	RGB 65 43 166	#412BA6
100.0%	100.0% #4D2FB5	RGB 77 47 181	#4D2FB5

#191B5E #1C1C6C #24207B #2D2489 #362798 #412BA6 #4D2FB5

#191C5E - #2D2489 - #4D2FB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #191B5E 0%, #2D2489 50%, #4D2FB5 100%);
    background: -webkit-linear-gradient(top, #191B5E 0%, #2D2489 50%, #4D2FB5 100%);
    background: linear-gradient(to bottom, #191B5E 0%, #2D2489 50%, #4D2FB5 100%);
}
</style>