#FFD2FE - #D5E3FD | 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 #FFD2FE to #D5E3FD

#FFD2FE #D5E3FD

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

#FFD2FE - #D5E3FD | 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 #FFD2FE as 0% and #D5E3FD as 100%.

0.0%	0.0% #FFD2FE	RGB 255 210 254	#FFD2FE
16.7%	16.7% #F8D4FD	RGB 248 212 253	#F8D4FD
33.3%	33.3% #F1D7FD	RGB 241 215 253	#F1D7FD
50.0%	50.0% #EADAFD	RGB 234 218 253	#EADAFD
66.7%	66.7% #E3DDFD	RGB 227 221 253	#E3DDFD
83.3%	83.3% #DCE0FD	RGB 220 224 253	#DCE0FD
100.0%	100.0% #D5E3FD	RGB 213 227 253	#D5E3FD

#FFD2FE #F8D4FD #F1D7FD #EADAFD #E3DDFD #DCE0FD #D5E3FD

#FFD2FE - #D5E3FD

HSV Blend

#FFD2FE - #D5E3FD | 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 #FFD2FE as 0% and #D5E3FD as 100%.

0.0%	0.0% #FFD2FE	RGB 255 210 254	#FFD2FE
16.7%	16.7% #F5D2FE	RGB 245 210 254	#F5D2FE
33.3%	33.3% #EBD3FE	RGB 235 211 254	#EBD3FE
50.0%	50.0% #E1D3FE	RGB 225 211 254	#E1D3FE
66.7%	66.7% #D8D4FD	RGB 216 212 253	#D8D4FD
83.3%	83.3% #D4D9FD	RGB 212 217 253	#D4D9FD
100.0%	100.0% #D5E3FD	RGB 213 227 253	#D5E3FD

#FFD2FE #F5D2FE #EBD3FE #E1D3FE #D8D4FD #D4D9FD #D5E3FD

#FFD2FE - #E1D3FE - #D5E3FD

CSS codes

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

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