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

#C0CEE5 #EDF1F7

Calculate the color between two colors, #C0CEE5 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)

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

0.0%	0.0% #C0CEE5	RGB 192 206 229	#C0CEE5
16.7%	16.7% #C7D3E8	RGB 199 211 232	#C7D3E8
33.3%	33.3% #CFD9EB	RGB 207 217 235	#CFD9EB
50.0%	50.0% #D6DFEE	RGB 214 223 238	#D6DFEE
66.7%	66.7% #DEE5F1	RGB 222 229 241	#DEE5F1
83.3%	83.3% #E5EBF4	RGB 229 235 244	#E5EBF4
100.0%	100.0% #EDF1F7	RGB 237 241 247	#EDF1F7

#C0CEE5 #C7D3E8 #CFD9EB #D6DFEE #DEE5F1 #E5EBF4 #EDF1F7

#C0CEE5 - #EDF1F7

HSV Blend

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

0.0%	0.0% #C0CEE5	RGB 192 206 229	#C0CEE5
16.7%	16.7% #C7D3E8	RGB 199 211 232	#C7D3E8
33.3%	33.3% #CED9EB	RGB 206 217 235	#CED9EB
50.0%	50.0% #D5DFEE	RGB 213 223 238	#D5DFEE
66.7%	66.7% #DDE5F1	RGB 221 229 241	#DDE5F1
83.3%	83.3% #E5EBF4	RGB 229 235 244	#E5EBF4
100.0%	100.0% #EDF1F7	RGB 237 241 247	#EDF1F7

#C0CEE5 #C7D3E8 #CED9EB #D5DFEE #DDE5F1 #E5EBF4 #EDF1F7

#C0CEE5 - #D5DFEE - #EDF1F7

CSS codes

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

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