#FDCFFB - #DFD2E6 | 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 #FDCFFB to #DFD2E6

#FDCFFB #DFD2E6

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

#FDCFFB - #DFD2E6 | 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 #FDCFFB as 0% and #DFD2E6 as 100%.

0.0%	0.0% #FDCFFB	RGB 253 207 251	#FDCFFB
16.7%	16.7% #F8CFF7	RGB 248 207 247	#F8CFF7
33.3%	33.3% #F3D0F4	RGB 243 208 244	#F3D0F4
50.0%	50.0% #EED0F0	RGB 238 208 240	#EED0F0
66.7%	66.7% #E9D1ED	RGB 233 209 237	#E9D1ED
83.3%	83.3% #E4D1E9	RGB 228 209 233	#E4D1E9
100.0%	100.0% #DFD2E6	RGB 223 210 230	#DFD2E6

#FDCFFB #F8CFF7 #F3D0F4 #EED0F0 #E9D1ED #E4D1E9 #DFD2E6

#FDCFFB - #DFD2E6

HSV Blend

#FDCFFB - #DFD2E6 | 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 #FDCFFB as 0% and #DFD2E6 as 100%.

0.0%	0.0% #FDCFFB	RGB 253 207 251	#FDCFFB
16.7%	16.7% #F8CFF9	RGB 248 207 249	#F8CFF9
33.3%	33.3% #F2D0F5	RGB 242 208 245	#F2D0F5
50.0%	50.0% #ECD1F1	RGB 236 209 241	#ECD1F1
66.7%	66.7% #E7D1ED	RGB 231 209 237	#E7D1ED
83.3%	83.3% #E2D1E9	RGB 226 209 233	#E2D1E9
100.0%	100.0% #DFD2E6	RGB 223 210 230	#DFD2E6

#FDCFFB #F8CFF9 #F2D0F5 #ECD1F1 #E7D1ED #E2D1E9 #DFD2E6

#FDCFFB - #ECD1F1 - #DFD2E6

CSS codes

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

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