#DF98CB - #FAEAE7 | 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 #DF98CB to #FAEAE7

#DF98CB #FAEAE7

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

#DF98CB - #FAEAE7 | 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 #DF98CB as 0% and #FAEAE7 as 100%.

0.0%	0.0% #DF98CB	RGB 223 152 203	#DF98CB
16.7%	16.7% #E3A5CF	RGB 227 165 207	#E3A5CF
33.3%	33.3% #E8B3D4	RGB 232 179 212	#E8B3D4
50.0%	50.0% #ECC1D9	RGB 236 193 217	#ECC1D9
66.7%	66.7% #F1CEDD	RGB 241 206 221	#F1CEDD
83.3%	83.3% #F5DCE2	RGB 245 220 226	#F5DCE2
100.0%	100.0% #FAEAE7	RGB 250 234 231	#FAEAE7

#DF98CB #E3A5CF #E8B3D4 #ECC1D9 #F1CEDD #F5DCE2 #FAEAE7

#DF98CB - #FAEAE7

HSV Blend

#DF98CB - #FAEAE7 | 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 #DF98CB as 0% and #FAEAE7 as 100%.

0.0%	0.0% #DF98CB	RGB 223 152 203	#DF98CB
16.7%	16.7% #E3A4C8	RGB 227 164 200	#E3A4C8
33.3%	33.3% #E8B0C8	RGB 232 176 200	#E8B0C8
50.0%	50.0% #ECBDCA	RGB 236 189 202	#ECBDCA
66.7%	66.7% #F1CBD0	RGB 241 203 208	#F1CBD0
83.3%	83.3% #F5D9D8	RGB 245 217 216	#F5D9D8
100.0%	100.0% #FAEAE7	RGB 250 234 231	#FAEAE7

#DF98CB #E3A4C8 #E8B0C8 #ECBDCA #F1CBD0 #F5D9D8 #FAEAE7

#DF98CB - #ECBDCA - #FAEAE7

CSS codes

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

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