#C3F0FF - #5EC1D5 | 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 #C3F0FF to #5EC1D5

#C3F0FF #5EC1D5

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

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

0.0%	0.0% #C3F0FF	RGB 195 240 255	#C3F0FF
16.7%	16.7% #B2E8F8	RGB 178 232 248	#B2E8F8
33.3%	33.3% #A1E0F1	RGB 161 224 241	#A1E0F1
50.0%	50.0% #90D8EA	RGB 144 216 234	#90D8EA
66.7%	66.7% #7FD0E3	RGB 127 208 227	#7FD0E3
83.3%	83.3% #6EC8DC	RGB 110 200 220	#6EC8DC
100.0%	100.0% #5EC1D5	RGB 94 193 213	#5EC1D5

#C3F0FF #B2E8F8 #A1E0F1 #90D8EA #7FD0E3 #6EC8DC #5EC1D5

#C3F0FF - #5EC1D5

HSV Blend

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

0.0%	0.0% #C3F0FF	RGB 195 240 255	#C3F0FF
16.7%	16.7% #B0E7F8	RGB 176 231 248	#B0E7F8
33.3%	33.3% #9EDEF1	RGB 158 222 241	#9EDEF1
50.0%	50.0% #8DD6EA	RGB 141 214 234	#8DD6EA
66.7%	66.7% #7CCFE3	RGB 124 207 227	#7CCFE3
83.3%	83.3% #6CC7DC	RGB 108 199 220	#6CC7DC
100.0%	100.0% #5EC1D5	RGB 94 193 213	#5EC1D5

#C3F0FF #B0E7F8 #9EDEF1 #8DD6EA #7CCFE3 #6CC7DC #5EC1D5

#C3F0FF - #8DD6EA - #5EC1D5

CSS codes

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

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