#C0EAFF - #5EB5DB | 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 #C0EAFF to #5EB5DB

#C0EAFF #5EB5DB

Calculate the color between two colors, #C0EAFF and #5EB5DB. 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)

#C0EAFF - #5EB5DB | 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 #C0EAFF as 0% and #5EB5DB as 100%.

0.0%	0.0% #C0EAFF	RGB 192 234 255	#C0EAFF
16.7%	16.7% #AFE1F9	RGB 175 225 249	#AFE1F9
33.3%	33.3% #9FD8F3	RGB 159 216 243	#9FD8F3
50.0%	50.0% #8FCFED	RGB 143 207 237	#8FCFED
66.7%	66.7% #7EC6E7	RGB 126 198 231	#7EC6E7
83.3%	83.3% #6EBDE1	RGB 110 189 225	#6EBDE1
100.0%	100.0% #5EB5DB	RGB 94 181 219	#5EB5DB

#C0EAFF #AFE1F9 #9FD8F3 #8FCFED #7EC6E7 #6EBDE1 #5EB5DB

#C0EAFF - #5EB5DB

HSV Blend

#C0EAFF - #5EB5DB | 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 #C0EAFF as 0% and #5EB5DB as 100%.

0.0%	0.0% #C0EAFF	RGB 192 234 255	#C0EAFF
16.7%	16.7% #AEE0F9	RGB 174 224 249	#AEE0F9
33.3%	33.3% #9CD7F3	RGB 156 215 243	#9CD7F3
50.0%	50.0% #8CCEED	RGB 140 206 237	#8CCEED
66.7%	66.7% #7CC5E7	RGB 124 197 231	#7CC5E7
83.3%	83.3% #6CBDE1	RGB 108 189 225	#6CBDE1
100.0%	100.0% #5EB5DB	RGB 94 181 219	#5EB5DB

#C0EAFF #AEE0F9 #9CD7F3 #8CCEED #7CC5E7 #6CBDE1 #5EB5DB

#C0EAFF - #8CCEED - #5EB5DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0EAFF 0%, #8CCEED 50%, #5EB5DB 100%);
    background: -webkit-linear-gradient(top, #C0EAFF 0%, #8CCEED 50%, #5EB5DB 100%);
    background: linear-gradient(to bottom, #C0EAFF 0%, #8CCEED 50%, #5EB5DB 100%);
}
</style>