#DB85DB - #FFA6EB | 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 #DB85DB to #FFA6EB

#DB85DB #FFA6EB

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

#DB85DB - #FFA6EB | 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 #DB85DB as 0% and #FFA6EB as 100%.

0.0%	0.0% #DB85DB	RGB 219 133 219	#DB85DB
16.7%	16.7% #E18ADD	RGB 225 138 221	#E18ADD
33.3%	33.3% #E790E0	RGB 231 144 224	#E790E0
50.0%	50.0% #ED95E3	RGB 237 149 227	#ED95E3
66.7%	66.7% #F39BE5	RGB 243 155 229	#F39BE5
83.3%	83.3% #F9A0E8	RGB 249 160 232	#F9A0E8
100.0%	100.0% #FFA6EB	RGB 255 166 235	#FFA6EB

#DB85DB #E18ADD #E790E0 #ED95E3 #F39BE5 #F9A0E8 #FFA6EB

#DB85DB - #FFA6EB

HSV Blend

#DB85DB - #FFA6EB | 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 #DB85DB as 0% and #FFA6EB as 100%.

0.0%	0.0% #DB85DB	RGB 219 133 219	#DB85DB
16.7%	16.7% #E18ADD	RGB 225 138 221	#E18ADD
33.3%	33.3% #E78FE0	RGB 231 143 224	#E78FE0
50.0%	50.0% #ED95E3	RGB 237 149 227	#ED95E3
66.7%	66.7% #F39AE5	RGB 243 154 229	#F39AE5
83.3%	83.3% #F9A0E8	RGB 249 160 232	#F9A0E8
100.0%	100.0% #FFA6EB	RGB 255 166 235	#FFA6EB

#DB85DB #E18ADD #E78FE0 #ED95E3 #F39AE5 #F9A0E8 #FFA6EB

#DB85DB - #ED95E3 - #FFA6EB

CSS codes

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

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