#AA7FFB - #EFD4F9 | 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 #AA7FFB to #EFD4F9

#AA7FFB #EFD4F9

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

#AA7FFB - #EFD4F9 | 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 #AA7FFB as 0% and #EFD4F9 as 100%.

0.0%	0.0% #AA7FFB	RGB 170 127 251	#AA7FFB
16.7%	16.7% #B58DFA	RGB 181 141 250	#B58DFA
33.3%	33.3% #C19BFA	RGB 193 155 250	#C19BFA
50.0%	50.0% #CCA9FA	RGB 204 169 250	#CCA9FA
66.7%	66.7% #D8B7F9	RGB 216 183 249	#D8B7F9
83.3%	83.3% #E3C5F9	RGB 227 197 249	#E3C5F9
100.0%	100.0% #EFD4F9	RGB 239 212 249	#EFD4F9

#AA7FFB #B58DFA #C19BFA #CCA9FA #D8B7F9 #E3C5F9 #EFD4F9

#AA7FFB - #EFD4F9

HSV Blend

#AA7FFB - #EFD4F9 | 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 #AA7FFB as 0% and #EFD4F9 as 100%.

0.0%	0.0% #A97FFB	RGB 169 127 251	#A97FFB
16.7%	16.7% #BA8DFA	RGB 186 141 250	#BA8DFA
33.3%	33.3% #C89BFA	RGB 200 155 250	#C89BFA
50.0%	50.0% #D4A9FA	RGB 212 169 250	#D4A9FA
66.7%	66.7% #DFB7F9	RGB 223 183 249	#DFB7F9
83.3%	83.3% #E8C5F9	RGB 232 197 249	#E8C5F9
100.0%	100.0% #EFD4F9	RGB 239 212 249	#EFD4F9

#A97FFB #BA8DFA #C89BFA #D4A9FA #DFB7F9 #E8C5F9 #EFD4F9

#AA7FFB - #D4A9FA - #EFD4F9

CSS codes

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

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