#DF96CF - #F9EAEC | 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 #DF96CF to #F9EAEC

#DF96CF #F9EAEC

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

#DF96CF - #F9EAEC | 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 #DF96CF as 0% and #F9EAEC as 100%.

0.0%	0.0% #DF96CF	RGB 223 150 207	#DF96CF
16.7%	16.7% #E3A4D3	RGB 227 164 211	#E3A4D3
33.3%	33.3% #E7B2D8	RGB 231 178 216	#E7B2D8
50.0%	50.0% #ECC0DD	RGB 236 192 221	#ECC0DD
66.7%	66.7% #F0CEE2	RGB 240 206 226	#F0CEE2
83.3%	83.3% #F4DCE7	RGB 244 220 231	#F4DCE7
100.0%	100.0% #F9EAEC	RGB 249 234 236	#F9EAEC

#DF96CF #E3A4D3 #E7B2D8 #ECC0DD #F0CEE2 #F4DCE7 #F9EAEC

#DF96CF - #F9EAEC

HSV Blend

#DF96CF - #F9EAEC | 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 #DF96CF as 0% and #F9EAEC as 100%.

0.0%	0.0% #DF96CF	RGB 223 150 207	#DF96CF
16.7%	16.7% #E3A3CE	RGB 227 163 206	#E3A3CE
33.3%	33.3% #E7B0CF	RGB 231 176 207	#E7B0CF
50.0%	50.0% #ECBED3	RGB 236 190 211	#ECBED3
66.7%	66.7% #F0CCD8	RGB 240 204 216	#F0CCD8
83.3%	83.3% #F4DBE1	RGB 244 219 225	#F4DBE1
100.0%	100.0% #F9EAEC	RGB 249 234 236	#F9EAEC

#DF96CF #E3A3CE #E7B0CF #ECBED3 #F0CCD8 #F4DBE1 #F9EAEC

#DF96CF - #ECBED3 - #F9EAEC

CSS codes

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

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