#C0C9F0 - #EDEFFA | 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 #C0C9F0 to #EDEFFA

#C0C9F0 #EDEFFA

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

#C0C9F0 - #EDEFFA | 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 #C0C9F0 as 0% and #EDEFFA as 100%.

0.0%	0.0% #C0C9F0	RGB 192 201 240	#C0C9F0
16.7%	16.7% #C7CFF1	RGB 199 207 241	#C7CFF1
33.3%	33.3% #CFD5F3	RGB 207 213 243	#CFD5F3
50.0%	50.0% #D6DCF5	RGB 214 220 245	#D6DCF5
66.7%	66.7% #DEE2F6	RGB 222 226 246	#DEE2F6
83.3%	83.3% #E5E8F8	RGB 229 232 248	#E5E8F8
100.0%	100.0% #EDEFFA	RGB 237 239 250	#EDEFFA

#C0C9F0 #C7CFF1 #CFD5F3 #D6DCF5 #DEE2F6 #E5E8F8 #EDEFFA

#C0C9F0 - #EDEFFA

HSV Blend

#C0C9F0 - #EDEFFA | 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 #C0C9F0 as 0% and #EDEFFA as 100%.

0.0%	0.0% #C0C9F0	RGB 192 201 240	#C0C9F0
16.7%	16.7% #C7CFF1	RGB 199 207 241	#C7CFF1
33.3%	33.3% #CED5F3	RGB 206 213 243	#CED5F3
50.0%	50.0% #D6DBF5	RGB 214 219 245	#D6DBF5
66.7%	66.7% #DDE1F6	RGB 221 225 246	#DDE1F6
83.3%	83.3% #E5E8F8	RGB 229 232 248	#E5E8F8
100.0%	100.0% #EDEFFA	RGB 237 239 250	#EDEFFA

#C0C9F0 #C7CFF1 #CED5F3 #D6DBF5 #DDE1F6 #E5E8F8 #EDEFFA

#C0C9F0 - #D6DBF5 - #EDEFFA

CSS codes

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

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