#C3C3C8 - #C8D9E5 | 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 #C3C3C8 to #C8D9E5

#C3C3C8 #C8D9E5

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

#C3C3C8 - #C8D9E5 | 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 #C3C3C8 as 0% and #C8D9E5 as 100%.

0.0%	0.0% #C3C3C8	RGB 195 195 200	#C3C3C8
16.7%	16.7% #C3C6CC	RGB 195 198 204	#C3C6CC
33.3%	33.3% #C4CAD1	RGB 196 202 209	#C4CAD1
50.0%	50.0% #C5CED6	RGB 197 206 214	#C5CED6
66.7%	66.7% #C6D1DB	RGB 198 209 219	#C6D1DB
83.3%	83.3% #C7D5E0	RGB 199 213 224	#C7D5E0
100.0%	100.0% #C8D9E5	RGB 200 217 229	#C8D9E5

#C3C3C8 #C3C6CC #C4CAD1 #C5CED6 #C6D1DB #C7D5E0 #C8D9E5

#C3C3C8 - #C8D9E5

HSV Blend

#C3C3C8 - #C8D9E5 | 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 #C3C3C8 as 0% and #C8D9E5 as 100%.

0.0%	0.0% #C3C3C8	RGB 195 195 200	#C3C3C8
16.7%	16.7% #C4C5CC	RGB 196 197 204	#C4C5CC
33.3%	33.3% #C5C7D1	RGB 197 199 209	#C5C7D1
50.0%	50.0% #C6CBD6	RGB 198 203 214	#C6CBD6
66.7%	66.7% #C6CEDB	RGB 198 206 219	#C6CEDB
83.3%	83.3% #C7D3E0	RGB 199 211 224	#C7D3E0
100.0%	100.0% #C8D9E5	RGB 200 217 229	#C8D9E5

#C3C3C8 #C4C5CC #C5C7D1 #C6CBD6 #C6CEDB #C7D3E0 #C8D9E5

#C3C3C8 - #C6CBD6 - #C8D9E5

CSS codes

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

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