#DF9DDA - #F5E3F3 | 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 #DF9DDA to #F5E3F3

#DF9DDA #F5E3F3

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

#DF9DDA - #F5E3F3 | 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 #DF9DDA as 0% and #F5E3F3 as 100%.

0.0%	0.0% #DF9DDA	RGB 223 157 218	#DF9DDA
16.7%	16.7% #E2A8DE	RGB 226 168 222	#E2A8DE
33.3%	33.3% #E6B4E2	RGB 230 180 226	#E6B4E2
50.0%	50.0% #EAC0E6	RGB 234 192 230	#EAC0E6
66.7%	66.7% #EDCBEA	RGB 237 203 234	#EDCBEA
83.3%	83.3% #F1D7EE	RGB 241 215 238	#F1D7EE
100.0%	100.0% #F5E3F3	RGB 245 227 243	#F5E3F3

#DF9DDA #E2A8DE #E6B4E2 #EAC0E6 #EDCBEA #F1D7EE #F5E3F3

#DF9DDA - #F5E3F3

HSV Blend

#DF9DDA - #F5E3F3 | 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 #DF9DDA as 0% and #F5E3F3 as 100%.

0.0%	0.0% #DF9DDA	RGB 223 157 218	#DF9DDA
16.7%	16.7% #E2A7DD	RGB 226 167 221	#E2A7DD
33.3%	33.3% #E6B3E1	RGB 230 179 225	#E6B3E1
50.0%	50.0% #EABEE5	RGB 234 190 229	#EABEE5
66.7%	66.7% #EDCAEA	RGB 237 202 234	#EDCAEA
83.3%	83.3% #F1D6EE	RGB 241 214 238	#F1D6EE
100.0%	100.0% #F5E3F3	RGB 245 227 243	#F5E3F3

#DF9DDA #E2A7DD #E6B3E1 #EABEE5 #EDCAEA #F1D6EE #F5E3F3

#DF9DDA - #EABEE5 - #F5E3F3

CSS codes

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

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