#5200A5 - #CDB6E5 | 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 #5200A5 to #CDB6E5

#5200A5 #CDB6E5

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

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

0.0%	0.0% #5200A5	RGB 82 0 165	#5200A5
16.7%	16.7% #661EAF	RGB 102 30 175	#661EAF
33.3%	33.3% #7B3CBA	RGB 123 60 186	#7B3CBA
50.0%	50.0% #8F5BC5	RGB 143 91 197	#8F5BC5
66.7%	66.7% #A479CF	RGB 164 121 207	#A479CF
83.3%	83.3% #B897DA	RGB 184 151 218	#B897DA
100.0%	100.0% #CDB6E5	RGB 205 182 229	#CDB6E5

#5200A5 #661EAF #7B3CBA #8F5BC5 #A479CF #B897DA #CDB6E5

#5200A5 - #CDB6E5

HSV Blend

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

0.0%	0.0% #5200A5	RGB 82 0 165	#5200A5
16.7%	16.7% #6217AF	RGB 98 23 175	#6217AF
33.3%	33.3% #7531BA	RGB 117 49 186	#7531BA
50.0%	50.0% #884EC5	RGB 136 78 197	#884EC5
66.7%	66.7% #9E6ECF	RGB 158 110 207	#9E6ECF
83.3%	83.3% #B490DA	RGB 180 144 218	#B490DA
100.0%	100.0% #CDB6E5	RGB 205 182 229	#CDB6E5

#5200A5 #6217AF #7531BA #884EC5 #9E6ECF #B490DA #CDB6E5

#5200A5 - #884EC5 - #CDB6E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5200A5 0%, #884EC5 50%, #CDB6E5 100%);
    background: -webkit-linear-gradient(top, #5200A5 0%, #884EC5 50%, #CDB6E5 100%);
    background: linear-gradient(to bottom, #5200A5 0%, #884EC5 50%, #CDB6E5 100%);
}
</style>