#C0C0EC - #D3E0E6 | 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 #C0C0EC to #D3E0E6

#C0C0EC #D3E0E6

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

#C0C0EC - #D3E0E6 | 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 #C0C0EC as 0% and #D3E0E6 as 100%.

0.0%	0.0% #C0C0EC	RGB 192 192 236	#C0C0EC
16.7%	16.7% #C3C5EB	RGB 195 197 235	#C3C5EB
33.3%	33.3% #C6CAEA	RGB 198 202 234	#C6CAEA
50.0%	50.0% #C9D0E9	RGB 201 208 233	#C9D0E9
66.7%	66.7% #CCD5E8	RGB 204 213 232	#CCD5E8
83.3%	83.3% #CFDAE7	RGB 207 218 231	#CFDAE7
100.0%	100.0% #D3E0E6	RGB 211 224 230	#D3E0E6

#C0C0EC #C3C5EB #C6CAEA #C9D0E9 #CCD5E8 #CFDAE7 #D3E0E6

#C0C0EC - #D3E0E6

HSV Blend

#C0C0EC - #D3E0E6 | 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 #C0C0EC as 0% and #D3E0E6 as 100%.

0.0%	0.0% #C0C0EC	RGB 192 192 236	#C0C0EC
16.7%	16.7% #C3C7EB	RGB 195 199 235	#C3C7EB
33.3%	33.3% #C6CEEA	RGB 198 206 234	#C6CEEA
50.0%	50.0% #C9D4E9	RGB 201 212 233	#C9D4E9
66.7%	66.7% #CCD9E8	RGB 204 217 232	#CCD9E8
83.3%	83.3% #CFDDE7	RGB 207 221 231	#CFDDE7
100.0%	100.0% #D3E0E6	RGB 211 224 230	#D3E0E6

#C0C0EC #C3C7EB #C6CEEA #C9D4E9 #CCD9E8 #CFDDE7 #D3E0E6

#C0C0EC - #C9D4E9 - #D3E0E6

CSS codes

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

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