#C3C3C9 - #CEE0FF | 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 #C3C3C9 to #CEE0FF

#C3C3C9 #CEE0FF

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

#C3C3C9 - #CEE0FF | 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 #C3C3C9 as 0% and #CEE0FF as 100%.

0.0%	0.0% #C3C3C9	RGB 195 195 201	#C3C3C9
16.7%	16.7% #C4C7D2	RGB 196 199 210	#C4C7D2
33.3%	33.3% #C6CCDB	RGB 198 204 219	#C6CCDB
50.0%	50.0% #C8D1E4	RGB 200 209 228	#C8D1E4
66.7%	66.7% #CAD6ED	RGB 202 214 237	#CAD6ED
83.3%	83.3% #CCDBF6	RGB 204 219 246	#CCDBF6
100.0%	100.0% #CEE0FF	RGB 206 224 255	#CEE0FF

#C3C3C9 #C4C7D2 #C6CCDB #C8D1E4 #CAD6ED #CCDBF6 #CEE0FF

#C3C3C9 - #CEE0FF

HSV Blend

#C3C3C9 - #CEE0FF | 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 #C3C3C9 as 0% and #CEE0FF as 100%.

0.0%	0.0% #C3C3C9	RGB 195 195 201	#C3C3C9
16.7%	16.7% #C6C6D2	RGB 198 198 210	#C6C6D2
33.3%	33.3% #C8CADB	RGB 200 202 219	#C8CADB
50.0%	50.0% #CACFE4	RGB 202 207 228	#CACFE4
66.7%	66.7% #CCD4ED	RGB 204 212 237	#CCD4ED
83.3%	83.3% #CDD9F6	RGB 205 217 246	#CDD9F6
100.0%	100.0% #CEE0FF	RGB 206 224 255	#CEE0FF

#C3C3C9 #C6C6D2 #C8CADB #CACFE4 #CCD4ED #CDD9F6 #CEE0FF

#C3C3C9 - #CACFE4 - #CEE0FF

CSS codes

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

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