#5200A1 - #CEB6E4 | 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 #5200A1 to #CEB6E4

#5200A1 #CEB6E4

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

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

0.0%	0.0% #5200A1	RGB 82 0 161	#5200A1
16.7%	16.7% #661EAC	RGB 102 30 172	#661EAC
33.3%	33.3% #7B3CB7	RGB 123 60 183	#7B3CB7
50.0%	50.0% #905BC2	RGB 144 91 194	#905BC2
66.7%	66.7% #A479CD	RGB 164 121 205	#A479CD
83.3%	83.3% #B997D8	RGB 185 151 216	#B997D8
100.0%	100.0% #CEB6E4	RGB 206 182 228	#CEB6E4

#5200A1 #661EAC #7B3CB7 #905BC2 #A479CD #B997D8 #CEB6E4

#5200A1 - #CEB6E4

HSV Blend

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

0.0%	0.0% #5200A1	RGB 82 0 161	#5200A1
16.7%	16.7% #6316AC	RGB 99 22 172	#6316AC
33.3%	33.3% #7530B7	RGB 117 48 183	#7530B7
50.0%	50.0% #894DC2	RGB 137 77 194	#894DC2
66.7%	66.7% #9F6DCD	RGB 159 109 205	#9F6DCD
83.3%	83.3% #B590D8	RGB 181 144 216	#B590D8
100.0%	100.0% #CEB6E4	RGB 206 182 228	#CEB6E4

#5200A1 #6316AC #7530B7 #894DC2 #9F6DCD #B590D8 #CEB6E4

#5200A1 - #894DC2 - #CEB6E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5200A1 0%, #894DC2 50%, #CEB6E4 100%);
    background: -webkit-linear-gradient(top, #5200A1 0%, #894DC2 50%, #CEB6E4 100%);
    background: linear-gradient(to bottom, #5200A1 0%, #894DC2 50%, #CEB6E4 100%);
}
</style>