#C6D4DA - #FFD4E2 | 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 #C6D4DA to #FFD4E2

#C6D4DA #FFD4E2

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

#C6D4DA - #FFD4E2 | 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 #C6D4DA as 0% and #FFD4E2 as 100%.

0.0%	0.0% #C6D4DA	RGB 198 212 218	#C6D4DA
16.7%	16.7% #CFD4DB	RGB 207 212 219	#CFD4DB
33.3%	33.3% #D9D4DC	RGB 217 212 220	#D9D4DC
50.0%	50.0% #E2D4DE	RGB 226 212 222	#E2D4DE
66.7%	66.7% #ECD4DF	RGB 236 212 223	#ECD4DF
83.3%	83.3% #F5D4E0	RGB 245 212 224	#F5D4E0
100.0%	100.0% #FFD4E2	RGB 255 212 226	#FFD4E2

#C6D4DA #CFD4DB #D9D4DC #E2D4DE #ECD4DF #F5D4E0 #FFD4E2

#C6D4DA - #FFD4E2

HSV Blend

#C6D4DA - #FFD4E2 | 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 #C6D4DA as 0% and #FFD4E2 as 100%.

0.0%	0.0% #C6D4DA	RGB 198 212 218	#C6D4DA
16.7%	16.7% #C8CFE0	RGB 200 207 224	#C8CFE0
33.3%	33.3% #CDCBE6	RGB 205 203 230	#CDCBE6
50.0%	50.0% #DCCDEC	RGB 220 205 236	#DCCDEC
66.7%	66.7% #EECFF2	RGB 238 207 242	#EECFF2
83.3%	83.3% #F8D2EE	RGB 248 210 238	#F8D2EE
100.0%	100.0% #FFD4E2	RGB 255 212 226	#FFD4E2

#C6D4DA #C8CFE0 #CDCBE6 #DCCDEC #EECFF2 #F8D2EE #FFD4E2

#C6D4DA - #DCCDEC - #FFD4E2

CSS codes

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

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