#F2D2FF - #D5EFFD | 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 #F2D2FF to #D5EFFD

#F2D2FF #D5EFFD

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

#F2D2FF - #D5EFFD | 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 #F2D2FF as 0% and #D5EFFD as 100%.

0.0%	0.0% #F2D2FF	RGB 242 210 255	#F2D2FF
16.7%	16.7% #EDD6FE	RGB 237 214 254	#EDD6FE
33.3%	33.3% #E8DBFE	RGB 232 219 254	#E8DBFE
50.0%	50.0% #E3E0FE	RGB 227 224 254	#E3E0FE
66.7%	66.7% #DEE5FD	RGB 222 229 253	#DEE5FD
83.3%	83.3% #D9EAFD	RGB 217 234 253	#D9EAFD
100.0%	100.0% #D5EFFD	RGB 213 239 253	#D5EFFD

#F2D2FF #EDD6FE #E8DBFE #E3E0FE #DEE5FD #D9EAFD #D5EFFD

#F2D2FF - #D5EFFD

HSV Blend

#F2D2FF - #D5EFFD | 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 #F2D2FF as 0% and #D5EFFD as 100%.

0.0%	0.0% #F2D2FF	RGB 242 210 255	#F2D2FF
16.7%	16.7% #E7D2FE	RGB 231 210 254	#E7D2FE
33.3%	33.3% #DED3FE	RGB 222 211 254	#DED3FE
50.0%	50.0% #D4D3FE	RGB 212 211 254	#D4D3FE
66.7%	66.7% #D4DCFD	RGB 212 220 253	#D4DCFD
83.3%	83.3% #D4E5FD	RGB 212 229 253	#D4E5FD
100.0%	100.0% #D5EFFD	RGB 213 239 253	#D5EFFD

#F2D2FF #E7D2FE #DED3FE #D4D3FE #D4DCFD #D4E5FD #D5EFFD

#F2D2FF - #D4D3FE - #D5EFFD

CSS codes

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

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