#CAA8FF - #A253EB | 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 #CAA8FF to #A253EB

#CAA8FF #A253EB

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

#CAA8FF - #A253EB | 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 #CAA8FF as 0% and #A253EB as 100%.

0.0%	0.0% #CAA8FF	RGB 202 168 255	#CAA8FF
16.7%	16.7% #C399FB	RGB 195 153 251	#C399FB
33.3%	33.3% #BC8BF8	RGB 188 139 248	#BC8BF8
50.0%	50.0% #B67DF5	RGB 182 125 245	#B67DF5
66.7%	66.7% #AF6FF1	RGB 175 111 241	#AF6FF1
83.3%	83.3% #A861EE	RGB 168 97 238	#A861EE
100.0%	100.0% #A253EB	RGB 162 83 235	#A253EB

#CAA8FF #C399FB #BC8BF8 #B67DF5 #AF6FF1 #A861EE #A253EB

#CAA8FF - #A253EB

HSV Blend

#CAA8FF - #A253EB | 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 #CAA8FF as 0% and #A253EB as 100%.

0.0%	0.0% #CAA8FF	RGB 202 168 255	#CAA8FF
16.7%	16.7% #C198FB	RGB 193 152 251	#C198FB
33.3%	33.3% #BA8AF8	RGB 186 138 248	#BA8AF8
50.0%	50.0% #B37BF5	RGB 179 123 245	#B37BF5
66.7%	66.7% #AC6DF1	RGB 172 109 241	#AC6DF1
83.3%	83.3% #A760EE	RGB 167 96 238	#A760EE
100.0%	100.0% #A253EB	RGB 162 83 235	#A253EB

#CAA8FF #C198FB #BA8AF8 #B37BF5 #AC6DF1 #A760EE #A253EB

#CAA8FF - #B37BF5 - #A253EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAA8FF 0%, #B37BF5 50%, #A253EB 100%);
    background: -webkit-linear-gradient(top, #CAA8FF 0%, #B37BF5 50%, #A253EB 100%);
    background: linear-gradient(to bottom, #CAA8FF 0%, #B37BF5 50%, #A253EB 100%);
}
</style>