#C2E6FF - #60A8D6 | 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 #C2E6FF to #60A8D6

#C2E6FF #60A8D6

Calculate the color between two colors, #C2E6FF and #60A8D6. 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)

#C2E6FF - #60A8D6 | 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 #C2E6FF as 0% and #60A8D6 as 100%.

0.0%	0.0% #C2E6FF	RGB 194 230 255	#C2E6FF
16.7%	16.7% #B1DBF8	RGB 177 219 248	#B1DBF8
33.3%	33.3% #A1D1F1	RGB 161 209 241	#A1D1F1
50.0%	50.0% #91C7EA	RGB 145 199 234	#91C7EA
66.7%	66.7% #80BCE3	RGB 128 188 227	#80BCE3
83.3%	83.3% #70B2DC	RGB 112 178 220	#70B2DC
100.0%	100.0% #60A8D6	RGB 96 168 214	#60A8D6

#C2E6FF #B1DBF8 #A1D1F1 #91C7EA #80BCE3 #70B2DC #60A8D6

#C2E6FF - #60A8D6

HSV Blend

#C2E6FF - #60A8D6 | 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 #C2E6FF as 0% and #60A8D6 as 100%.

0.0%	0.0% #C2E6FF	RGB 194 230 255	#C2E6FF
16.7%	16.7% #AFDAF8	RGB 175 218 248	#AFDAF8
33.3%	33.3% #9ECFF1	RGB 158 207 241	#9ECFF1
50.0%	50.0% #8DC5EA	RGB 141 197 234	#8DC5EA
66.7%	66.7% #7DBBE3	RGB 125 187 227	#7DBBE3
83.3%	83.3% #6EB1DC	RGB 110 177 220	#6EB1DC
100.0%	100.0% #60A8D6	RGB 96 168 214	#60A8D6

#C2E6FF #AFDAF8 #9ECFF1 #8DC5EA #7DBBE3 #6EB1DC #60A8D6

#C2E6FF - #8DC5EA - #60A8D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2E6FF 0%, #8DC5EA 50%, #60A8D6 100%);
    background: -webkit-linear-gradient(top, #C2E6FF 0%, #8DC5EA 50%, #60A8D6 100%);
    background: linear-gradient(to bottom, #C2E6FF 0%, #8DC5EA 50%, #60A8D6 100%);
}
</style>