#FFF2FD - #CDA2D0 | 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 #FFF2FD to #CDA2D0

#FFF2FD #CDA2D0

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

#FFF2FD - #CDA2D0 | 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 #FFF2FD as 0% and #CDA2D0 as 100%.

0.0%	0.0% #FFF2FD	RGB 255 242 253	#FFF2FD
16.7%	16.7% #F6E4F5	RGB 246 228 245	#F6E4F5
33.3%	33.3% #EED7EE	RGB 238 215 238	#EED7EE
50.0%	50.0% #E6CAE6	RGB 230 202 230	#E6CAE6
66.7%	66.7% #DDBCDF	RGB 221 188 223	#DDBCDF
83.3%	83.3% #D5AFD7	RGB 213 175 215	#D5AFD7
100.0%	100.0% #CDA2D0	RGB 205 162 208	#CDA2D0

#FFF2FD #F6E4F5 #EED7EE #E6CAE6 #DDBCDF #D5AFD7 #CDA2D0

#FFF2FD - #CDA2D0

HSV Blend

#FFF2FD - #CDA2D0 | 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 #FFF2FD as 0% and #CDA2D0 as 100%.

0.0%	0.0% #FFF2FD	RGB 255 242 253	#FFF2FD
16.7%	16.7% #F7E3F4	RGB 247 227 244	#F7E3F4
33.3%	33.3% #EFD5ED	RGB 239 213 237	#EFD5ED
50.0%	50.0% #E7C8E6	RGB 231 200 230	#E7C8E6
66.7%	66.7% #DFBADF	RGB 223 186 223	#DFBADF
83.3%	83.3% #D6AED7	RGB 214 174 215	#D6AED7
100.0%	100.0% #CDA2D0	RGB 205 162 208	#CDA2D0

#FFF2FD #F7E3F4 #EFD5ED #E7C8E6 #DFBADF #D6AED7 #CDA2D0

#FFF2FD - #E7C8E6 - #CDA2D0

CSS codes

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

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