#5200AA - #CDB6E6 | 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 #5200AA to #CDB6E6

#5200AA #CDB6E6

Calculate the color between two colors, #5200AA and #CDB6E6. 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)

#5200AA - #CDB6E6 | 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 #5200AA as 0% and #CDB6E6 as 100%.

0.0%	0.0% #5200AA	RGB 82 0 170	#5200AA
16.7%	16.7% #661EB4	RGB 102 30 180	#661EB4
33.3%	33.3% #7B3CBE	RGB 123 60 190	#7B3CBE
50.0%	50.0% #8F5BC8	RGB 143 91 200	#8F5BC8
66.7%	66.7% #A479D2	RGB 164 121 210	#A479D2
83.3%	83.3% #B897DC	RGB 184 151 220	#B897DC
100.0%	100.0% #CDB6E6	RGB 205 182 230	#CDB6E6

#5200AA #661EB4 #7B3CBE #8F5BC8 #A479D2 #B897DC #CDB6E6

#5200AA - #CDB6E6

HSV Blend

#5200AA - #CDB6E6 | 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 #5200AA as 0% and #CDB6E6 as 100%.

0.0%	0.0% #5100AA	RGB 81 0 170	#5100AA
16.7%	16.7% #6317B4	RGB 99 23 180	#6317B4
33.3%	33.3% #7532BE	RGB 117 50 190	#7532BE
50.0%	50.0% #894FC8	RGB 137 79 200	#894FC8
66.7%	66.7% #9E6ED2	RGB 158 110 210	#9E6ED2
83.3%	83.3% #B591DC	RGB 181 145 220	#B591DC
100.0%	100.0% #CDB6E6	RGB 205 182 230	#CDB6E6

#5100AA #6317B4 #7532BE #894FC8 #9E6ED2 #B591DC #CDB6E6

#5200AA - #894FC8 - #CDB6E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5100AA 0%, #894FC8 50%, #CDB6E6 100%);
    background: -webkit-linear-gradient(top, #5100AA 0%, #894FC8 50%, #CDB6E6 100%);
    background: linear-gradient(to bottom, #5100AA 0%, #894FC8 50%, #CDB6E6 100%);
}
</style>