#A96BFF - #E4D4FF | 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 #A96BFF to #E4D4FF

#A96BFF #E4D4FF

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

#A96BFF - #E4D4FF | 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 #A96BFF as 0% and #E4D4FF as 100%.

0.0%	0.0% #A96BFF	RGB 169 107 255	#A96BFF
16.7%	16.7% #B27CFF	RGB 178 124 255	#B27CFF
33.3%	33.3% #BC8EFF	RGB 188 142 255	#BC8EFF
50.0%	50.0% #C69FFF	RGB 198 159 255	#C69FFF
66.7%	66.7% #D0B1FF	RGB 208 177 255	#D0B1FF
83.3%	83.3% #DAC2FF	RGB 218 194 255	#DAC2FF
100.0%	100.0% #E4D4FF	RGB 228 212 255	#E4D4FF

#A96BFF #B27CFF #BC8EFF #C69FFF #D0B1FF #DAC2FF #E4D4FF

#A96BFF - #E4D4FF

HSV Blend

#A96BFF - #E4D4FF | 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 #A96BFF as 0% and #E4D4FF as 100%.

0.0%	0.0% #A96BFF	RGB 169 107 255	#A96BFF
16.7%	16.7% #B27CFF	RGB 178 124 255	#B27CFF
33.3%	33.3% #BB8EFF	RGB 187 142 255	#BB8EFF
50.0%	50.0% #C59FFF	RGB 197 159 255	#C59FFF
66.7%	66.7% #CFB1FF	RGB 207 177 255	#CFB1FF
83.3%	83.3% #D9C2FF	RGB 217 194 255	#D9C2FF
100.0%	100.0% #E4D4FF	RGB 228 212 255	#E4D4FF

#A96BFF #B27CFF #BB8EFF #C59FFF #CFB1FF #D9C2FF #E4D4FF

#A96BFF - #C59FFF - #E4D4FF

CSS codes

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

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