#C4ECE7 - #60B6C0 | 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 #C4ECE7 to #60B6C0

#C4ECE7 #60B6C0

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

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

0.0%	0.0% #C4ECE7	RGB 196 236 231	#C4ECE7
16.7%	16.7% #B3E3E0	RGB 179 227 224	#B3E3E0
33.3%	33.3% #A2DADA	RGB 162 218 218	#A2DADA
50.0%	50.0% #92D1D3	RGB 146 209 211	#92D1D3
66.7%	66.7% #81C8CD	RGB 129 200 205	#81C8CD
83.3%	83.3% #70BFC6	RGB 112 191 198	#70BFC6
100.0%	100.0% #60B6C0	RGB 96 182 192	#60B6C0

#C4ECE7 #B3E3E0 #A2DADA #92D1D3 #81C8CD #70BFC6 #60B6C0

#C4ECE7 - #60B6C0

HSV Blend

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

0.0%	0.0% #C4ECE7	RGB 196 236 231	#C4ECE7
16.7%	16.7% #B1E4E0	RGB 177 228 224	#B1E4E0
33.3%	33.3% #9FDDDA	RGB 159 221 218	#9FDDDA
50.0%	50.0% #8ED6D5	RGB 142 214 213	#8ED6D5
66.7%	66.7% #7ECCCE	RGB 126 204 206	#7ECCCE
83.3%	83.3% #6EC1C7	RGB 110 193 199	#6EC1C7
100.0%	100.0% #60B6C0	RGB 96 182 192	#60B6C0

#C4ECE7 #B1E4E0 #9FDDDA #8ED6D5 #7ECCCE #6EC1C7 #60B6C0

#C4ECE7 - #8ED6D5 - #60B6C0

CSS codes

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

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