#C0CEE7 - #FFDEE3 | 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 #C0CEE7 to #FFDEE3

#C0CEE7 #FFDEE3

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

#C0CEE7 - #FFDEE3 | 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 #C0CEE7 as 0% and #FFDEE3 as 100%.

0.0%	0.0% #C0CEE7	RGB 192 206 231	#C0CEE7
16.7%	16.7% #CAD0E6	RGB 202 208 230	#CAD0E6
33.3%	33.3% #D5D3E5	RGB 213 211 229	#D5D3E5
50.0%	50.0% #DFD6E5	RGB 223 214 229	#DFD6E5
66.7%	66.7% #EAD8E4	RGB 234 216 228	#EAD8E4
83.3%	83.3% #F4DBE3	RGB 244 219 227	#F4DBE3
100.0%	100.0% #FFDEE3	RGB 255 222 227	#FFDEE3

#C0CEE7 #CAD0E6 #D5D3E5 #DFD6E5 #EAD8E4 #F4DBE3 #FFDEE3

#C0CEE7 - #FFDEE3

HSV Blend

#C0CEE7 - #FFDEE3 | 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 #C0CEE7 as 0% and #FFDEE3 as 100%.

0.0%	0.0% #C0CEE7	RGB 192 206 231	#C0CEE7
16.7%	16.7% #C5C4EB	RGB 197 196 235	#C5C4EB
33.3%	33.3% #D7C9EF	RGB 215 201 239	#D7C9EF
50.0%	50.0% #E9CEF3	RGB 233 206 243	#E9CEF3
66.7%	66.7% #F7D3F3	RGB 247 211 243	#F7D3F3
83.3%	83.3% #FBD8EA	RGB 251 216 234	#FBD8EA
100.0%	100.0% #FFDEE3	RGB 255 222 227	#FFDEE3

#C0CEE7 #C5C4EB #D7C9EF #E9CEF3 #F7D3F3 #FBD8EA #FFDEE3

#C0CEE7 - #E9CEF3 - #FFDEE3

CSS codes

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

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