#C2EBFF - #58BCCD | 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 #C2EBFF to #58BCCD

#C2EBFF #58BCCD

Calculate the color between two colors, #C2EBFF and #58BCCD. 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)

#C2EBFF - #58BCCD | 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 #C2EBFF as 0% and #58BCCD as 100%.

0.0%	0.0% #C2EBFF	RGB 194 235 255	#C2EBFF
16.7%	16.7% #B0E3F6	RGB 176 227 246	#B0E3F6
33.3%	33.3% #9EDBEE	RGB 158 219 238	#9EDBEE
50.0%	50.0% #8DD3E6	RGB 141 211 230	#8DD3E6
66.7%	66.7% #7BCBDD	RGB 123 203 221	#7BCBDD
83.3%	83.3% #69C3D5	RGB 105 195 213	#69C3D5
100.0%	100.0% #58BCCD	RGB 88 188 205	#58BCCD

#C2EBFF #B0E3F6 #9EDBEE #8DD3E6 #7BCBDD #69C3D5 #58BCCD

#C2EBFF - #58BCCD

HSV Blend

#C2EBFF - #58BCCD | 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 #C2EBFF as 0% and #58BCCD as 100%.

0.0%	0.0% #C2EBFF	RGB 194 235 255	#C2EBFF
16.7%	16.7% #AEE1F6	RGB 174 225 246	#AEE1F6
33.3%	33.3% #9AD8EE	RGB 154 216 238	#9AD8EE
50.0%	50.0% #88CFE6	RGB 136 207 230	#88CFE6
66.7%	66.7% #77C8DD	RGB 119 200 221	#77C8DD
83.3%	83.3% #67C2D5	RGB 103 194 213	#67C2D5
100.0%	100.0% #58BCCD	RGB 88 188 205	#58BCCD

#C2EBFF #AEE1F6 #9AD8EE #88CFE6 #77C8DD #67C2D5 #58BCCD

#C2EBFF - #88CFE6 - #58BCCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2EBFF 0%, #88CFE6 50%, #58BCCD 100%);
    background: -webkit-linear-gradient(top, #C2EBFF 0%, #88CFE6 50%, #58BCCD 100%);
    background: linear-gradient(to bottom, #C2EBFF 0%, #88CFE6 50%, #58BCCD 100%);
}
</style>