#AF81FA - #E8DBFD | 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 #AF81FA to #E8DBFD

#AF81FA #E8DBFD

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

#AF81FA - #E8DBFD | 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 #AF81FA as 0% and #E8DBFD as 100%.

0.0%	0.0% #AF81FA	RGB 175 129 250	#AF81FA
16.7%	16.7% #B890FA	RGB 184 144 250	#B890FA
33.3%	33.3% #C29FFB	RGB 194 159 251	#C29FFB
50.0%	50.0% #CBAEFB	RGB 203 174 251	#CBAEFB
66.7%	66.7% #D5BDFC	RGB 213 189 252	#D5BDFC
83.3%	83.3% #DECCFC	RGB 222 204 252	#DECCFC
100.0%	100.0% #E8DBFD	RGB 232 219 253	#E8DBFD

#AF81FA #B890FA #C29FFB #CBAEFB #D5BDFC #DECCFC #E8DBFD

#AF81FA - #E8DBFD

HSV Blend

#AF81FA - #E8DBFD | 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 #AF81FA as 0% and #E8DBFD as 100%.

0.0%	0.0% #AF81FA	RGB 175 129 250	#AF81FA
16.7%	16.7% #B88FFA	RGB 184 143 250	#B88FFA
33.3%	33.3% #C19EFB	RGB 193 158 251	#C19EFB
50.0%	50.0% #CBADFB	RGB 203 173 251	#CBADFB
66.7%	66.7% #D4BCFC	RGB 212 188 252	#D4BCFC
83.3%	83.3% #DECBFC	RGB 222 203 252	#DECBFC
100.0%	100.0% #E8DBFD	RGB 232 219 253	#E8DBFD

#AF81FA #B88FFA #C19EFB #CBADFB #D4BCFC #DECBFC #E8DBFD

#AF81FA - #CBADFB - #E8DBFD

CSS codes

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

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