#CAB5E3 - #7B52A4 | 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 #CAB5E3 to #7B52A4

#CAB5E3 #7B52A4

Calculate the color between two colors, #CAB5E3 and #7B52A4. 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)

#CAB5E3 - #7B52A4 | 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 #CAB5E3 as 0% and #7B52A4 as 100%.

0.0%	0.0% #CAB5E3	RGB 202 181 227	#CAB5E3
16.7%	16.7% #BCA4D8	RGB 188 164 216	#BCA4D8
33.3%	33.3% #AF94CE	RGB 175 148 206	#AF94CE
50.0%	50.0% #A283C3	RGB 162 131 195	#A283C3
66.7%	66.7% #9573B9	RGB 149 115 185	#9573B9
83.3%	83.3% #8862AE	RGB 136 98 174	#8862AE
100.0%	100.0% #7B52A4	RGB 123 82 164	#7B52A4

#CAB5E3 #BCA4D8 #AF94CE #A283C3 #9573B9 #8862AE #7B52A4

#CAB5E3 - #7B52A4

HSV Blend

#CAB5E3 - #7B52A4 | 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 #CAB5E3 as 0% and #7B52A4 as 100%.

0.0%	0.0% #CAB5E3	RGB 202 181 227	#CAB5E3
16.7%	16.7% #BBA1D8	RGB 187 161 216	#BBA1D8
33.3%	33.3% #AD8FCE	RGB 173 143 206	#AD8FCE
50.0%	50.0% #9F7EC3	RGB 159 126 195	#9F7EC3
66.7%	66.7% #926EB9	RGB 146 110 185	#926EB9
83.3%	83.3% #865FAE	RGB 134 95 174	#865FAE
100.0%	100.0% #7B52A4	RGB 123 82 164	#7B52A4

#CAB5E3 #BBA1D8 #AD8FCE #9F7EC3 #926EB9 #865FAE #7B52A4

#CAB5E3 - #9F7EC3 - #7B52A4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAB5E3 0%, #9F7EC3 50%, #7B52A4 100%);
    background: -webkit-linear-gradient(top, #CAB5E3 0%, #9F7EC3 50%, #7B52A4 100%);
    background: linear-gradient(to bottom, #CAB5E3 0%, #9F7EC3 50%, #7B52A4 100%);
}
</style>