#C6DAD4 - #FFD4FC | 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 #C6DAD4 to #FFD4FC

#C6DAD4 #FFD4FC

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

#C6DAD4 - #FFD4FC | 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 #C6DAD4 as 0% and #FFD4FC as 100%.

0.0%	0.0% #C6DAD4	RGB 198 218 212	#C6DAD4
16.7%	16.7% #CFD9DA	RGB 207 217 218	#CFD9DA
33.3%	33.3% #D9D8E1	RGB 217 216 225	#D9D8E1
50.0%	50.0% #E2D7E8	RGB 226 215 232	#E2D7E8
66.7%	66.7% #ECD6EE	RGB 236 214 238	#ECD6EE
83.3%	83.3% #F5D5F5	RGB 245 213 245	#F5D5F5
100.0%	100.0% #FFD4FC	RGB 255 212 252	#FFD4FC

#C6DAD4 #CFD9DA #D9D8E1 #E2D7E8 #ECD6EE #F5D5F5 #FFD4FC

#C6DAD4 - #FFD4FC

HSV Blend

#C6DAD4 - #FFD4FC | 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 #C6DAD4 as 0% and #FFD4FC as 100%.

0.0%	0.0% #C6DAD4	RGB 198 218 212	#C6DAD4
16.7%	16.7% #C8DDE0	RGB 200 221 224	#C8DDE0
33.3%	33.3% #CBD9E6	RGB 203 217 230	#CBD9E6
50.0%	50.0% #CDD1EC	RGB 205 209 236	#CDD1EC
66.7%	66.7% #D9CFF2	RGB 217 207 242	#D9CFF2
83.3%	83.3% #ECD2F8	RGB 236 210 248	#ECD2F8
100.0%	100.0% #FFD4FC	RGB 255 212 252	#FFD4FC

#C6DAD4 #C8DDE0 #CBD9E6 #CDD1EC #D9CFF2 #ECD2F8 #FFD4FC

#C6DAD4 - #CDD1EC - #FFD4FC

CSS codes

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

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