#C6CCCE - #FFCCDA | 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 #C6CCCE to #FFCCDA

#C6CCCE #FFCCDA

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

#C6CCCE - #FFCCDA | 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 #C6CCCE as 0% and #FFCCDA as 100%.

0.0%	0.0% #C6CCCE	RGB 198 204 206	#C6CCCE
16.7%	16.7% #CFCCD0	RGB 207 204 208	#CFCCD0
33.3%	33.3% #D9CCD2	RGB 217 204 210	#D9CCD2
50.0%	50.0% #E2CCD4	RGB 226 204 212	#E2CCD4
66.7%	66.7% #ECCCD6	RGB 236 204 214	#ECCCD6
83.3%	83.3% #F5CCD8	RGB 245 204 216	#F5CCD8
100.0%	100.0% #FFCCDA	RGB 255 204 218	#FFCCDA

#C6CCCE #CFCCD0 #D9CCD2 #E2CCD4 #ECCCD6 #F5CCD8 #FFCCDA

#C6CCCE - #FFCCDA

HSV Blend

#C6CCCE - #FFCCDA | 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 #C6CCCE as 0% and #FFCCDA as 100%.

0.0%	0.0% #C6CCCE	RGB 198 204 206	#C6CCCE
16.7%	16.7% #C8CCD6	RGB 200 204 214	#C8CCD6
33.3%	33.3% #CBC9DE	RGB 203 201 222	#CBC9DE
50.0%	50.0% #D8CAE6	RGB 216 202 230	#D8CAE6
66.7%	66.7% #EBCBEE	RGB 235 203 238	#EBCBEE
83.3%	83.3% #F6CCE9	RGB 246 204 233	#F6CCE9
100.0%	100.0% #FFCCDA	RGB 255 204 218	#FFCCDA

#C6CCCE #C8CCD6 #CBC9DE #D8CAE6 #EBCBEE #F6CCE9 #FFCCDA

#C6CCCE - #D8CAE6 - #FFCCDA

CSS codes

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

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