#C3C0C0 - #C9DDE2 | 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 #C3C0C0 to #C9DDE2

#C3C0C0 #C9DDE2

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

#C3C0C0 - #C9DDE2 | 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 #C3C0C0 as 0% and #C9DDE2 as 100%.

0.0%	0.0% #C3C0C0	RGB 195 192 192	#C3C0C0
16.7%	16.7% #C4C4C5	RGB 196 196 197	#C4C4C5
33.3%	33.3% #C5C9CB	RGB 197 201 203	#C5C9CB
50.0%	50.0% #C6CED1	RGB 198 206 209	#C6CED1
66.7%	66.7% #C7D3D6	RGB 199 211 214	#C7D3D6
83.3%	83.3% #C8D8DC	RGB 200 216 220	#C8D8DC
100.0%	100.0% #C9DDE2	RGB 201 221 226	#C9DDE2

#C3C0C0 #C4C4C5 #C5C9CB #C6CED1 #C7D3D6 #C8D8DC #C9DDE2

#C3C0C0 - #C9DDE2

HSV Blend

#C3C0C0 - #C9DDE2 | 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 #C3C0C0 as 0% and #C9DDE2 as 100%.

0.0%	0.0% #C3C0C0	RGB 195 192 192	#C3C0C0
16.7%	16.7% #C8C1C4	RGB 200 193 196	#C8C1C4
33.3%	33.3% #CDC3CC	RGB 205 195 204	#CDC3CC
50.0%	50.0% #CDC5D2	RGB 205 197 210	#CDC5D2
66.7%	66.7% #C8C6D7	RGB 200 198 215	#C8C6D7
83.3%	83.3% #C7CEDC	RGB 199 206 220	#C7CEDC
100.0%	100.0% #C9DDE2	RGB 201 221 226	#C9DDE2

#C3C0C0 #C8C1C4 #CDC3CC #CDC5D2 #C8C6D7 #C7CEDC #C9DDE2

#C3C0C0 - #CDC5D2 - #C9DDE2

CSS codes

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

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