#EDE8FF - #AB95CD | 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 #EDE8FF to #AB95CD

#EDE8FF #AB95CD

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

#EDE8FF - #AB95CD | 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 #EDE8FF as 0% and #AB95CD as 100%.

0.0%	0.0% #EDE8FF	RGB 237 232 255	#EDE8FF
16.7%	16.7% #E2DAF6	RGB 226 218 246	#E2DAF6
33.3%	33.3% #D7CCEE	RGB 215 204 238	#D7CCEE
50.0%	50.0% #CCBEE6	RGB 204 190 230	#CCBEE6
66.7%	66.7% #C1B0DD	RGB 193 176 221	#C1B0DD
83.3%	83.3% #B6A2D5	RGB 182 162 213	#B6A2D5
100.0%	100.0% #AB95CD	RGB 171 149 205	#AB95CD

#EDE8FF #E2DAF6 #D7CCEE #CCBEE6 #C1B0DD #B6A2D5 #AB95CD

#EDE8FF - #AB95CD

HSV Blend

#EDE8FF - #AB95CD | 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 #EDE8FF as 0% and #AB95CD as 100%.

0.0%	0.0% #EDE8FF	RGB 237 232 255	#EDE8FF
16.7%	16.7% #E0D8F6	RGB 224 216 246	#E0D8F6
33.3%	33.3% #D4CAEE	RGB 212 202 238	#D4CAEE
50.0%	50.0% #C8BCE6	RGB 200 188 230	#C8BCE6
66.7%	66.7% #BEAEDD	RGB 190 174 221	#BEAEDD
83.3%	83.3% #B4A1D5	RGB 180 161 213	#B4A1D5
100.0%	100.0% #AB95CD	RGB 171 149 205	#AB95CD

#EDE8FF #E0D8F6 #D4CAEE #C8BCE6 #BEAEDD #B4A1D5 #AB95CD

#EDE8FF - #C8BCE6 - #AB95CD

CSS codes

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

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