#DB9AF7 - #FEE8F1 | 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 #DB9AF7 to #FEE8F1

#DB9AF7 #FEE8F1

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

#DB9AF7 - #FEE8F1 | 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 #DB9AF7 as 0% and #FEE8F1 as 100%.

0.0%	0.0% #DB9AF7	RGB 219 154 247	#DB9AF7
16.7%	16.7% #E0A7F6	RGB 224 167 246	#E0A7F6
33.3%	33.3% #E6B4F5	RGB 230 180 245	#E6B4F5
50.0%	50.0% #ECC1F4	RGB 236 193 244	#ECC1F4
66.7%	66.7% #F2CEF3	RGB 242 206 243	#F2CEF3
83.3%	83.3% #F8DBF2	RGB 248 219 242	#F8DBF2
100.0%	100.0% #FEE8F1	RGB 254 232 241	#FEE8F1

#DB9AF7 #E0A7F6 #E6B4F5 #ECC1F4 #F2CEF3 #F8DBF2 #FEE8F1

#DB9AF7 - #FEE8F1

HSV Blend

#DB9AF7 - #FEE8F1 | 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 #DB9AF7 as 0% and #FEE8F1 as 100%.

0.0%	0.0% #DB9AF7	RGB 219 154 247	#DB9AF7
16.7%	16.7% #EBA6F8	RGB 235 166 248	#EBA6F8
33.3%	33.3% #F9B3F9	RGB 249 179 249	#F9B3F9
50.0%	50.0% #FAC0F2	RGB 250 192 242	#FAC0F2
66.7%	66.7% #FBCDEE	RGB 251 205 238	#FBCDEE
83.3%	83.3% #FCDAED	RGB 252 218 237	#FCDAED
100.0%	100.0% #FEE8F1	RGB 254 232 241	#FEE8F1

#DB9AF7 #EBA6F8 #F9B3F9 #FAC0F2 #FBCDEE #FCDAED #FEE8F1

#DB9AF7 - #FAC0F2 - #FEE8F1

CSS codes

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

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