#AF82C9 - #E7DBEF | 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 #AF82C9 to #E7DBEF

#AF82C9 #E7DBEF

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

#AF82C9 - #E7DBEF | 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 #AF82C9 as 0% and #E7DBEF as 100%.

0.0%	0.0% #AF82C9	RGB 175 130 201	#AF82C9
16.7%	16.7% #B890CF	RGB 184 144 207	#B890CF
33.3%	33.3% #C19FD5	RGB 193 159 213	#C19FD5
50.0%	50.0% #CBAEDC	RGB 203 174 220	#CBAEDC
66.7%	66.7% #D4BDE2	RGB 212 189 226	#D4BDE2
83.3%	83.3% #DDCCE8	RGB 221 204 232	#DDCCE8
100.0%	100.0% #E7DBEF	RGB 231 219 239	#E7DBEF

#AF82C9 #B890CF #C19FD5 #CBAEDC #D4BDE2 #DDCCE8 #E7DBEF

#AF82C9 - #E7DBEF

HSV Blend

#AF82C9 - #E7DBEF | 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 #AF82C9 as 0% and #E7DBEF as 100%.

0.0%	0.0% #AE82C9	RGB 174 130 201	#AE82C9
16.7%	16.7% #B78FCF	RGB 183 143 207	#B78FCF
33.3%	33.3% #C09DD5	RGB 192 157 213	#C09DD5
50.0%	50.0% #C9ABDC	RGB 201 171 220	#C9ABDC
66.7%	66.7% #D3BBE2	RGB 211 187 226	#D3BBE2
83.3%	83.3% #DCCAE8	RGB 220 202 232	#DCCAE8
100.0%	100.0% #E7DBEF	RGB 231 219 239	#E7DBEF

#AE82C9 #B78FCF #C09DD5 #C9ABDC #D3BBE2 #DCCAE8 #E7DBEF

#AF82C9 - #C9ABDC - #E7DBEF

CSS codes

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

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