#DC8ED2 - #F7E8F0 | 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 #DC8ED2 to #F7E8F0

#DC8ED2 #F7E8F0

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

#DC8ED2 - #F7E8F0 | 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 #DC8ED2 as 0% and #F7E8F0 as 100%.

0.0%	0.0% #DC8ED2	RGB 220 142 210	#DC8ED2
16.7%	16.7% #E09DD7	RGB 224 157 215	#E09DD7
33.3%	33.3% #E5ACDC	RGB 229 172 220	#E5ACDC
50.0%	50.0% #E9BBE1	RGB 233 187 225	#E9BBE1
66.7%	66.7% #EECAE6	RGB 238 202 230	#EECAE6
83.3%	83.3% #F2D9EB	RGB 242 217 235	#F2D9EB
100.0%	100.0% #F7E8F0	RGB 247 232 240	#F7E8F0

#DC8ED2 #E09DD7 #E5ACDC #E9BBE1 #EECAE6 #F2D9EB #F7E8F0

#DC8ED2 - #F7E8F0

HSV Blend

#DC8ED2 - #F7E8F0 | 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 #DC8ED2 as 0% and #F7E8F0 as 100%.

0.0%	0.0% #DC8ED2	RGB 220 142 210	#DC8ED2
16.7%	16.7% #E09BD3	RGB 224 155 211	#E09BD3
33.3%	33.3% #E5AAD6	RGB 229 170 214	#E5AAD6
50.0%	50.0% #E9B9DB	RGB 233 185 219	#E9B9DB
66.7%	66.7% #EEC8E0	RGB 238 200 224	#EEC8E0
83.3%	83.3% #F2D7E7	RGB 242 215 231	#F2D7E7
100.0%	100.0% #F7E8F0	RGB 247 232 240	#F7E8F0

#DC8ED2 #E09BD3 #E5AAD6 #E9B9DB #EEC8E0 #F2D7E7 #F7E8F0

#DC8ED2 - #E9B9DB - #F7E8F0

CSS codes

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

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