#C0CEE3 - #EDF1F7 | 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 #C0CEE3 to #EDF1F7

#C0CEE3 #EDF1F7

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

#C0CEE3 - #EDF1F7 | 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 #C0CEE3 as 0% and #EDF1F7 as 100%.

0.0%	0.0% #C0CEE3	RGB 192 206 227	#C0CEE3
16.7%	16.7% #C7D3E6	RGB 199 211 230	#C7D3E6
33.3%	33.3% #CFD9E9	RGB 207 217 233	#CFD9E9
50.0%	50.0% #D6DFED	RGB 214 223 237	#D6DFED
66.7%	66.7% #DEE5F0	RGB 222 229 240	#DEE5F0
83.3%	83.3% #E5EBF3	RGB 229 235 243	#E5EBF3
100.0%	100.0% #EDF1F7	RGB 237 241 247	#EDF1F7

#C0CEE3 #C7D3E6 #CFD9E9 #D6DFED #DEE5F0 #E5EBF3 #EDF1F7

#C0CEE3 - #EDF1F7

HSV Blend

#C0CEE3 - #EDF1F7 | 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 #C0CEE3 as 0% and #EDF1F7 as 100%.

0.0%	0.0% #C0CEE3	RGB 192 206 227	#C0CEE3
16.7%	16.7% #C7D3E6	RGB 199 211 230	#C7D3E6
33.3%	33.3% #CED9E9	RGB 206 217 233	#CED9E9
50.0%	50.0% #D5DFED	RGB 213 223 237	#D5DFED
66.7%	66.7% #DDE5F0	RGB 221 229 240	#DDE5F0
83.3%	83.3% #E5EAF3	RGB 229 234 243	#E5EAF3
100.0%	100.0% #EDF1F7	RGB 237 241 247	#EDF1F7

#C0CEE3 #C7D3E6 #CED9E9 #D5DFED #DDE5F0 #E5EAF3 #EDF1F7

#C0CEE3 - #D5DFED - #EDF1F7

CSS codes

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

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