#4D3C92 - #1D1839 | 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 #4D3C92 to #1D1839

#4D3C92 #1D1839

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

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

0.0%	0.0% #4D3C92	RGB 77 60 146	#4D3C92
16.7%	16.7% #453683	RGB 69 54 131	#453683
33.3%	33.3% #3D3074	RGB 61 48 116	#3D3074
50.0%	50.0% #352A65	RGB 53 42 101	#352A65
66.7%	66.7% #2D2456	RGB 45 36 86	#2D2456
83.3%	83.3% #251E47	RGB 37 30 71	#251E47
100.0%	100.0% #1D1839	RGB 29 24 57	#1D1839

#4D3C92 #453683 #3D3074 #352A65 #2D2456 #251E47 #1D1839

#4D3C92 - #1D1839

HSV Blend

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

0.0%	0.0% #4C3C92	RGB 76 60 146	#4C3C92
16.7%	16.7% #443683	RGB 68 54 131	#443683
33.3%	33.3% #3C3074	RGB 60 48 116	#3C3074
50.0%	50.0% #342A65	RGB 52 42 101	#342A65
66.7%	66.7% #2C2456	RGB 44 36 86	#2C2456
83.3%	83.3% #241E47	RGB 36 30 71	#241E47
100.0%	100.0% #1D1839	RGB 29 24 57	#1D1839

#4C3C92 #443683 #3C3074 #342A65 #2C2456 #241E47 #1D1839

#4D3C92 - #342A65 - #1D1839

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C3C92 0%, #342A65 50%, #1D1839 100%);
    background: -webkit-linear-gradient(top, #4C3C92 0%, #342A65 50%, #1D1839 100%);
    background: linear-gradient(to bottom, #4C3C92 0%, #342A65 50%, #1D1839 100%);
}
</style>