#DC95D9 - #F7ECF7 | 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 #DC95D9 to #F7ECF7

#DC95D9 #F7ECF7

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

#DC95D9 - #F7ECF7 | 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 #DC95D9 as 0% and #F7ECF7 as 100%.

0.0%	0.0% #DC95D9	RGB 220 149 217	#DC95D9
16.7%	16.7% #E0A3DE	RGB 224 163 222	#E0A3DE
33.3%	33.3% #E5B2E3	RGB 229 178 227	#E5B2E3
50.0%	50.0% #E9C0E8	RGB 233 192 232	#E9C0E8
66.7%	66.7% #EECFED	RGB 238 207 237	#EECFED
83.3%	83.3% #F2DDF2	RGB 242 221 242	#F2DDF2
100.0%	100.0% #F7ECF7	RGB 247 236 247	#F7ECF7

#DC95D9 #E0A3DE #E5B2E3 #E9C0E8 #EECFED #F2DDF2 #F7ECF7

#DC95D9 - #F7ECF7

HSV Blend

#DC95D9 - #F7ECF7 | 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 #DC95D9 as 0% and #F7ECF7 as 100%.

0.0%	0.0% #DC95D9	RGB 220 149 217	#DC95D9
16.7%	16.7% #E0A2DE	RGB 224 162 222	#E0A2DE
33.3%	33.3% #E5B0E3	RGB 229 176 227	#E5B0E3
50.0%	50.0% #E9BEE8	RGB 233 190 232	#E9BEE8
66.7%	66.7% #EECDED	RGB 238 205 237	#EECDED
83.3%	83.3% #F2DCF2	RGB 242 220 242	#F2DCF2
100.0%	100.0% #F7ECF7	RGB 247 236 247	#F7ECF7

#DC95D9 #E0A2DE #E5B0E3 #E9BEE8 #EECDED #F2DCF2 #F7ECF7

#DC95D9 - #E9BEE8 - #F7ECF7

CSS codes

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

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