#C6CCC6 - #C0D9FF | 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 #C6CCC6 to #C0D9FF

#C6CCC6 #C0D9FF

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

#C6CCC6 - #C0D9FF | 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 #C6CCC6 as 0% and #C0D9FF as 100%.

0.0%	0.0% #C6CCC6	RGB 198 204 198	#C6CCC6
16.7%	16.7% #C5CECF	RGB 197 206 207	#C5CECF
33.3%	33.3% #C4D0D9	RGB 196 208 217	#C4D0D9
50.0%	50.0% #C3D2E2	RGB 195 210 226	#C3D2E2
66.7%	66.7% #C2D4EC	RGB 194 212 236	#C2D4EC
83.3%	83.3% #C1D6F5	RGB 193 214 245	#C1D6F5
100.0%	100.0% #C0D9FF	RGB 192 217 255	#C0D9FF

#C6CCC6 #C5CECF #C4D0D9 #C3D2E2 #C2D4EC #C1D6F5 #C0D9FF

#C6CCC6 - #C0D9FF

HSV Blend

#C6CCC6 - #C0D9FF | 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 #C6CCC6 as 0% and #C0D9FF as 100%.

0.0%	0.0% #C6CCC6	RGB 198 204 198	#C6CCC6
16.7%	16.7% #C6D4CA	RGB 198 212 202	#C6D4CA
33.3%	33.3% #C6DDD2	RGB 198 221 210	#C6DDD2
50.0%	50.0% #C5E5DF	RGB 197 229 223	#C5E5DF
66.7%	66.7% #C4EBEE	RGB 196 235 238	#C4EBEE
83.3%	83.3% #C2E5F6	RGB 194 229 246	#C2E5F6
100.0%	100.0% #C0D9FF	RGB 192 217 255	#C0D9FF

#C6CCC6 #C6D4CA #C6DDD2 #C5E5DF #C4EBEE #C2E5F6 #C0D9FF

#C6CCC6 - #C5E5DF - #C0D9FF

CSS codes

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

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