#C6CCC8 - #C0C7FF | 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 #C6CCC8 to #C0C7FF

#C6CCC8 #C0C7FF

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

#C6CCC8 - #C0C7FF | 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 #C6CCC8 as 0% and #C0C7FF as 100%.

0.0%	0.0% #C6CCC8	RGB 198 204 200	#C6CCC8
16.7%	16.7% #C5CBD1	RGB 197 203 209	#C5CBD1
33.3%	33.3% #C4CADA	RGB 196 202 218	#C4CADA
50.0%	50.0% #C3C9E3	RGB 195 201 227	#C3C9E3
66.7%	66.7% #C2C8EC	RGB 194 200 236	#C2C8EC
83.3%	83.3% #C1C7F5	RGB 193 199 245	#C1C7F5
100.0%	100.0% #C0C7FF	RGB 192 199 255	#C0C7FF

#C6CCC8 #C5CBD1 #C4CADA #C3C9E3 #C2C8EC #C1C7F5 #C0C7FF

#C6CCC8 - #C0C7FF

HSV Blend

#C6CCC8 - #C0C7FF | 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 #C6CCC8 as 0% and #C0C7FF as 100%.

0.0%	0.0% #C6CCC8	RGB 198 204 200	#C6CCC8
16.7%	16.7% #C6D4CE	RGB 198 212 206	#C6D4CE
33.3%	33.3% #C6DDD9	RGB 198 221 217	#C6DDD9
50.0%	50.0% #C5E1E5	RGB 197 225 229	#C5E1E5
66.7%	66.7% #C4DEEE	RGB 196 222 238	#C4DEEE
83.3%	83.3% #C2D5F6	RGB 194 213 246	#C2D5F6
100.0%	100.0% #C0C7FF	RGB 192 199 255	#C0C7FF

#C6CCC8 #C6D4CE #C6DDD9 #C5E1E5 #C4DEEE #C2D5F6 #C0C7FF

#C6CCC8 - #C5E1E5 - #C0C7FF

CSS codes

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

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