#DB8CF2 - #FCE3F0 | 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 #DB8CF2 to #FCE3F0

#DB8CF2 #FCE3F0

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

#DB8CF2 - #FCE3F0 | 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 #DB8CF2 as 0% and #FCE3F0 as 100%.

0.0%	0.0% #DB8CF2	RGB 219 140 242	#DB8CF2
16.7%	16.7% #E09AF1	RGB 224 154 241	#E09AF1
33.3%	33.3% #E6A9F1	RGB 230 169 241	#E6A9F1
50.0%	50.0% #EBB7F1	RGB 235 183 241	#EBB7F1
66.7%	66.7% #F1C6F0	RGB 241 198 240	#F1C6F0
83.3%	83.3% #F6D4F0	RGB 246 212 240	#F6D4F0
100.0%	100.0% #FCE3F0	RGB 252 227 240	#FCE3F0

#DB8CF2 #E09AF1 #E6A9F1 #EBB7F1 #F1C6F0 #F6D4F0 #FCE3F0

#DB8CF2 - #FCE3F0

HSV Blend

#DB8CF2 - #FCE3F0 | 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 #DB8CF2 as 0% and #FCE3F0 as 100%.

0.0%	0.0% #DB8CF2	RGB 219 140 242	#DB8CF2
16.7%	16.7% #E99AF3	RGB 233 154 243	#E99AF3
33.3%	33.3% #F5A8F4	RGB 245 168 244	#F5A8F4
50.0%	50.0% #F7B6EE	RGB 247 182 238	#F7B6EE
66.7%	66.7% #F8C5EC	RGB 248 197 236	#F8C5EC
83.3%	83.3% #FAD4EC	RGB 250 212 236	#FAD4EC
100.0%	100.0% #FCE3F0	RGB 252 227 240	#FCE3F0

#DB8CF2 #E99AF3 #F5A8F4 #F7B6EE #F8C5EC #FAD4EC #FCE3F0

#DB8CF2 - #F7B6EE - #FCE3F0

CSS codes

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

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