#AF84EB - #E7DBF9 | 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 #AF84EB to #E7DBF9

#AF84EB #E7DBF9

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

#AF84EB - #E7DBF9 | 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 #AF84EB as 0% and #E7DBF9 as 100%.

0.0%	0.0% #AF84EB	RGB 175 132 235	#AF84EB
16.7%	16.7% #B892ED	RGB 184 146 237	#B892ED
33.3%	33.3% #C1A1EF	RGB 193 161 239	#C1A1EF
50.0%	50.0% #CBAFF2	RGB 203 175 242	#CBAFF2
66.7%	66.7% #D4BEF4	RGB 212 190 244	#D4BEF4
83.3%	83.3% #DDCCF6	RGB 221 204 246	#DDCCF6
100.0%	100.0% #E7DBF9	RGB 231 219 249	#E7DBF9

#AF84EB #B892ED #C1A1EF #CBAFF2 #D4BEF4 #DDCCF6 #E7DBF9

#AF84EB - #E7DBF9

HSV Blend

#AF84EB - #E7DBF9 | 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 #AF84EB as 0% and #E7DBF9 as 100%.

0.0%	0.0% #AF84EB	RGB 175 132 235	#AF84EB
16.7%	16.7% #B791ED	RGB 183 145 237	#B791ED
33.3%	33.3% #C0A0EF	RGB 192 160 239	#C0A0EF
50.0%	50.0% #CAAEF2	RGB 202 174 242	#CAAEF2
66.7%	66.7% #D3BDF4	RGB 211 189 244	#D3BDF4
83.3%	83.3% #DDCBF6	RGB 221 203 246	#DDCBF6
100.0%	100.0% #E7DBF9	RGB 231 219 249	#E7DBF9

#AF84EB #B791ED #C0A0EF #CAAEF2 #D3BDF4 #DDCBF6 #E7DBF9

#AF84EB - #CAAEF2 - #E7DBF9

CSS codes

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

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