#FDD8C7 - #FECBFF | 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 #FDD8C7 to #FECBFF

#FDD8C7 #FECBFF

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

#FDD8C7 - #FECBFF | 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 #FDD8C7 as 0% and #FECBFF as 100%.

0.0%	0.0% #FDD8C7	RGB 253 216 199	#FDD8C7
16.7%	16.7% #FDD5D0	RGB 253 213 208	#FDD5D0
33.3%	33.3% #FDD3D9	RGB 253 211 217	#FDD3D9
50.0%	50.0% #FDD1E3	RGB 253 209 227	#FDD1E3
66.7%	66.7% #FDCFEC	RGB 253 207 236	#FDCFEC
83.3%	83.3% #FDCDF5	RGB 253 205 245	#FDCDF5
100.0%	100.0% #FECBFF	RGB 254 203 255	#FECBFF

#FDD8C7 #FDD5D0 #FDD3D9 #FDD1E3 #FDCFEC #FDCDF5 #FECBFF

#FDD8C7 - #FECBFF

HSV Blend

#FDD8C7 - #FECBFF | 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 #FDD8C7 as 0% and #FECBFF as 100%.

0.0%	0.0% #FDD8C7	RGB 253 216 199	#FDD8C7
16.7%	16.7% #FDCCC7	RGB 253 204 199	#FDCCC7
33.3%	33.3% #FDC8CF	RGB 253 200 207	#FDC8CF
50.0%	50.0% #FEC8DB	RGB 254 200 219	#FEC8DB
66.7%	66.7% #FEC9E7	RGB 254 201 231	#FEC9E7
83.3%	83.3% #FECAF4	RGB 254 202 244	#FECAF4
100.0%	100.0% #FECBFF	RGB 254 203 255	#FECBFF

#FDD8C7 #FDCCC7 #FDC8CF #FEC8DB #FEC9E7 #FECAF4 #FECBFF

#FDD8C7 - #FEC8DB - #FECBFF

CSS codes

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

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