#4A085E - #8B22CE | 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 #4A085E to #8B22CE

#4A085E #8B22CE

Calculate the color between two colors, #4A085E and #8B22CE. 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)

#4A085E - #8B22CE | 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 #4A085E as 0% and #8B22CE as 100%.

0.0%	0.0% #4A085E	RGB 74 8 94	#4A085E
16.7%	16.7% #540C70	RGB 84 12 112	#540C70
33.3%	33.3% #5F1083	RGB 95 16 131	#5F1083
50.0%	50.0% #6A1596	RGB 106 21 150	#6A1596
66.7%	66.7% #7519A8	RGB 117 25 168	#7519A8
83.3%	83.3% #801DBB	RGB 128 29 187	#801DBB
100.0%	100.0% #8B22CE	RGB 139 34 206	#8B22CE

#4A085E #540C70 #5F1083 #6A1596 #7519A8 #801DBB #8B22CE

#4A085E - #8B22CE

HSV Blend

#4A085E - #8B22CE | 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 #4A085E as 0% and #8B22CE as 100%.

0.0%	0.0% #4A075E	RGB 74 7 94	#4A075E
16.7%	16.7% #560B70	RGB 86 11 112	#560B70
33.3%	33.3% #620E83	RGB 98 14 131	#620E83
50.0%	50.0% #6D1296	RGB 109 18 150	#6D1296
66.7%	66.7% #7717A8	RGB 119 23 168	#7717A8
83.3%	83.3% #811CBB	RGB 129 28 187	#811CBB
100.0%	100.0% #8B22CE	RGB 139 34 206	#8B22CE

#4A075E #560B70 #620E83 #6D1296 #7717A8 #811CBB #8B22CE

#4A085E - #6D1296 - #8B22CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A075E 0%, #6D1296 50%, #8B22CE 100%);
    background: -webkit-linear-gradient(top, #4A075E 0%, #6D1296 50%, #8B22CE 100%);
    background: linear-gradient(to bottom, #4A075E 0%, #6D1296 50%, #8B22CE 100%);
}
</style>