#412D5E - #874FC9 | 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 #412D5E to #874FC9

#412D5E #874FC9

Calculate the color between two colors, #412D5E and #874FC9. 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)

#412D5E - #874FC9 | 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 #412D5E as 0% and #874FC9 as 100%.

0.0%	0.0% #412D5E	RGB 65 45 94	#412D5E
16.7%	16.7% #4C326F	RGB 76 50 111	#4C326F
33.3%	33.3% #583881	RGB 88 56 129	#583881
50.0%	50.0% #643E93	RGB 100 62 147	#643E93
66.7%	66.7% #6F43A5	RGB 111 67 165	#6F43A5
83.3%	83.3% #7B49B7	RGB 123 73 183	#7B49B7
100.0%	100.0% #874FC9	RGB 135 79 201	#874FC9

#412D5E #4C326F #583881 #643E93 #6F43A5 #7B49B7 #874FC9

#412D5E - #874FC9

HSV Blend

#412D5E - #874FC9 | 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 #412D5E as 0% and #874FC9 as 100%.

0.0%	0.0% #412D5E	RGB 65 45 94	#412D5E
16.7%	16.7% #4C336F	RGB 76 51 111	#4C336F
33.3%	33.3% #583A81	RGB 88 58 129	#583A81
50.0%	50.0% #644093	RGB 100 64 147	#644093
66.7%	66.7% #6F45A5	RGB 111 69 165	#6F45A5
83.3%	83.3% #7B4AB7	RGB 123 74 183	#7B4AB7
100.0%	100.0% #874FC9	RGB 135 79 201	#874FC9

#412D5E #4C336F #583A81 #644093 #6F45A5 #7B4AB7 #874FC9

#412D5E - #644093 - #874FC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #412D5E 0%, #644093 50%, #874FC9 100%);
    background: -webkit-linear-gradient(top, #412D5E 0%, #644093 50%, #874FC9 100%);
    background: linear-gradient(to bottom, #412D5E 0%, #644093 50%, #874FC9 100%);
}
</style>