#0080CE - #C8FFE4 | 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 #0080CE to #C8FFE4

#0080CE #C8FFE4

Calculate the color between two colors, #0080CE and #C8FFE4. 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)

#0080CE - #C8FFE4 | 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 #0080CE as 0% and #C8FFE4 as 100%.

0.0%	0.0% #0080CE	RGB 0 128 206	#0080CE
16.7%	16.7% #2195D1	RGB 33 149 209	#2195D1
33.3%	33.3% #42AAD5	RGB 66 170 213	#42AAD5
50.0%	50.0% #64BFD9	RGB 100 191 217	#64BFD9
66.7%	66.7% #85D4DC	RGB 133 212 220	#85D4DC
83.3%	83.3% #A6E9E0	RGB 166 233 224	#A6E9E0
100.0%	100.0% #C8FFE4	RGB 200 255 228	#C8FFE4

#0080CE #2195D1 #42AAD5 #64BFD9 #85D4DC #A6E9E0 #C8FFE4

#0080CE - #C8FFE4

HSV Blend

#0080CE - #C8FFE4 | 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 #0080CE as 0% and #C8FFE4 as 100%.

0.0%	0.0% #0080CE	RGB 0 128 206	#0080CE
16.7%	16.7% #1BAAD6	RGB 27 170 214	#1BAAD6
33.3%	33.3% #3ACFDE	RGB 58 207 222	#3ACFDE
50.0%	50.0% #5AE6DE	RGB 90 230 222	#5AE6DE
66.7%	66.7% #7CEED7	RGB 124 238 215	#7CEED7
83.3%	83.3% #A1F6D9	RGB 161 246 217	#A1F6D9
100.0%	100.0% #C8FFE4	RGB 200 255 228	#C8FFE4

#0080CE #1BAAD6 #3ACFDE #5AE6DE #7CEED7 #A1F6D9 #C8FFE4

#0080CE - #5AE6DE - #C8FFE4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0080CE 0%, #5AE6DE 50%, #C8FFE4 100%);
    background: -webkit-linear-gradient(top, #0080CE 0%, #5AE6DE 50%, #C8FFE4 100%);
    background: linear-gradient(to bottom, #0080CE 0%, #5AE6DE 50%, #C8FFE4 100%);
}
</style>