#D4C9FE - #CDFFF8 | 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 #D4C9FE to #CDFFF8

#D4C9FE #CDFFF8

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

#D4C9FE - #CDFFF8 | 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 #D4C9FE as 0% and #CDFFF8 as 100%.

0.0%	0.0% #D4C9FE	RGB 212 201 254	#D4C9FE
16.7%	16.7% #D2D2FD	RGB 210 210 253	#D2D2FD
33.3%	33.3% #D1DBFC	RGB 209 219 252	#D1DBFC
50.0%	50.0% #D0E4FB	RGB 208 228 251	#D0E4FB
66.7%	66.7% #CFEDFA	RGB 207 237 250	#CFEDFA
83.3%	83.3% #CEF6F9	RGB 206 246 249	#CEF6F9
100.0%	100.0% #CDFFF8	RGB 205 255 248	#CDFFF8

#D4C9FE #D2D2FD #D1DBFC #D0E4FB #CFEDFA #CEF6F9 #CDFFF8

#D4C9FE - #CDFFF8

HSV Blend

#D4C9FE - #CDFFF8 | 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 #D4C9FE as 0% and #CDFFF8 as 100%.

0.0%	0.0% #D4C9FE	RGB 212 201 254	#D4C9FE
16.7%	16.7% #C9CAFE	RGB 201 202 254	#C9CAFE
33.3%	33.3% #CAD6FE	RGB 202 214 254	#CAD6FE
50.0%	50.0% #CAE3FE	RGB 202 227 254	#CAE3FE
66.7%	66.7% #CBEEFE	RGB 203 238 254	#CBEEFE
83.3%	83.3% #CCFAFE	RGB 204 250 254	#CCFAFE
100.0%	100.0% #CDFFF8	RGB 205 255 248	#CDFFF8

#D4C9FE #C9CAFE #CAD6FE #CAE3FE #CBEEFE #CCFAFE #CDFFF8

#D4C9FE - #CAE3FE - #CDFFF8

CSS codes

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

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