#886FA1 - #EF92F8 | 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 #886FA1 to #EF92F8

#886FA1 #EF92F8

Calculate the color between two colors, #886FA1 and #EF92F8. 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)

#886FA1 - #EF92F8 | 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 #886FA1 as 0% and #EF92F8 as 100%.

0.0%	0.0% #886FA1	RGB 136 111 161	#886FA1
16.7%	16.7% #9974AF	RGB 153 116 175	#9974AF
33.3%	33.3% #AA7ABE	RGB 170 122 190	#AA7ABE
50.0%	50.0% #BB80CC	RGB 187 128 204	#BB80CC
66.7%	66.7% #CC86DB	RGB 204 134 219	#CC86DB
83.3%	83.3% #DD8CE9	RGB 221 140 233	#DD8CE9
100.0%	100.0% #EF92F8	RGB 239 146 248	#EF92F8

#886FA1 #9974AF #AA7ABE #BB80CC #CC86DB #DD8CE9 #EF92F8

#886FA1 - #EF92F8

HSV Blend

#886FA1 - #EF92F8 | 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 #886FA1 as 0% and #EF92F8 as 100%.

0.0%	0.0% #886FA1	RGB 136 111 161	#886FA1
16.7%	16.7% #9676AF	RGB 150 118 175	#9676AF
33.3%	33.3% #A67CBE	RGB 166 124 190	#A67CBE
50.0%	50.0% #B682CC	RGB 182 130 204	#B682CC
66.7%	66.7% #C888DB	RGB 200 136 219	#C888DB
83.3%	83.3% #DB8DE9	RGB 219 141 233	#DB8DE9
100.0%	100.0% #EF92F8	RGB 239 146 248	#EF92F8

#886FA1 #9676AF #A67CBE #B682CC #C888DB #DB8DE9 #EF92F8

#886FA1 - #B682CC - #EF92F8

CSS codes

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

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