#CA87DA - #FFA8FB | 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 #CA87DA to #FFA8FB

#CA87DA #FFA8FB

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

#CA87DA - #FFA8FB | 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 #CA87DA as 0% and #FFA8FB as 100%.

0.0%	0.0% #CA87DA	RGB 202 135 218	#CA87DA
16.7%	16.7% #D28CDF	RGB 210 140 223	#D28CDF
33.3%	33.3% #DB92E5	RGB 219 146 229	#DB92E5
50.0%	50.0% #E497EA	RGB 228 151 234	#E497EA
66.7%	66.7% #ED9DF0	RGB 237 157 240	#ED9DF0
83.3%	83.3% #F6A2F5	RGB 246 162 245	#F6A2F5
100.0%	100.0% #FFA8FB	RGB 255 168 251	#FFA8FB

#CA87DA #D28CDF #DB92E5 #E497EA #ED9DF0 #F6A2F5 #FFA8FB

#CA87DA - #FFA8FB

HSV Blend

#CA87DA - #FFA8FB | 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 #CA87DA as 0% and #FFA8FB as 100%.

0.0%	0.0% #CA87DA	RGB 202 135 218	#CA87DA
16.7%	16.7% #D38CE0	RGB 211 140 224	#D38CE0
33.3%	33.3% #DC91E6	RGB 220 145 230	#DC91E6
50.0%	50.0% #E697EC	RGB 230 151 236	#E697EC
66.7%	66.7% #EF9CF2	RGB 239 156 242	#EF9CF2
83.3%	83.3% #F8A2F8	RGB 248 162 248	#F8A2F8
100.0%	100.0% #FFA8FB	RGB 255 168 251	#FFA8FB

#CA87DA #D38CE0 #DC91E6 #E697EC #EF9CF2 #F8A2F8 #FFA8FB

#CA87DA - #E697EC - #FFA8FB

CSS codes

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

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