#AF7BDF - #E7D9F5 | 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 #AF7BDF to #E7D9F5

#AF7BDF #E7D9F5

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

#AF7BDF - #E7D9F5 | 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 #AF7BDF as 0% and #E7D9F5 as 100%.

0.0%	0.0% #AF7BDF	RGB 175 123 223	#AF7BDF
16.7%	16.7% #B88AE2	RGB 184 138 226	#B88AE2
33.3%	33.3% #C19AE6	RGB 193 154 230	#C19AE6
50.0%	50.0% #CBAAEA	RGB 203 170 234	#CBAAEA
66.7%	66.7% #D4B9ED	RGB 212 185 237	#D4B9ED
83.3%	83.3% #DDC9F1	RGB 221 201 241	#DDC9F1
100.0%	100.0% #E7D9F5	RGB 231 217 245	#E7D9F5

#AF7BDF #B88AE2 #C19AE6 #CBAAEA #D4B9ED #DDC9F1 #E7D9F5

#AF7BDF - #E7D9F5

HSV Blend

#AF7BDF - #E7D9F5 | 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 #AF7BDF as 0% and #E7D9F5 as 100%.

0.0%	0.0% #AF7BDF	RGB 175 123 223	#AF7BDF
16.7%	16.7% #B789E2	RGB 183 137 226	#B789E2
33.3%	33.3% #C098E6	RGB 192 152 230	#C098E6
50.0%	50.0% #C9A8EA	RGB 201 168 234	#C9A8EA
66.7%	66.7% #D3B8ED	RGB 211 184 237	#D3B8ED
83.3%	83.3% #DCC8F1	RGB 220 200 241	#DCC8F1
100.0%	100.0% #E7D9F5	RGB 231 217 245	#E7D9F5

#AF7BDF #B789E2 #C098E6 #C9A8EA #D3B8ED #DCC8F1 #E7D9F5

#AF7BDF - #C9A8EA - #E7D9F5

CSS codes

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

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