#C0E7ED - #61B2B9 | 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 #C0E7ED to #61B2B9

#C0E7ED #61B2B9

Calculate the color between two colors, #C0E7ED and #61B2B9. 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)

#C0E7ED - #61B2B9 | 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 #C0E7ED as 0% and #61B2B9 as 100%.

0.0%	0.0% #C0E7ED	RGB 192 231 237	#C0E7ED
16.7%	16.7% #B0DEE4	RGB 176 222 228	#B0DEE4
33.3%	33.3% #A0D5DB	RGB 160 213 219	#A0D5DB
50.0%	50.0% #90CCD3	RGB 144 204 211	#90CCD3
66.7%	66.7% #80C3CA	RGB 128 195 202	#80C3CA
83.3%	83.3% #70BAC1	RGB 112 186 193	#70BAC1
100.0%	100.0% #61B2B9	RGB 97 178 185	#61B2B9

#C0E7ED #B0DEE4 #A0D5DB #90CCD3 #80C3CA #70BAC1 #61B2B9

#C0E7ED - #61B2B9

HSV Blend

#C0E7ED - #61B2B9 | 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 #C0E7ED as 0% and #61B2B9 as 100%.

0.0%	0.0% #C0E7ED	RGB 192 231 237	#C0E7ED
16.7%	16.7% #AEDDE4	RGB 174 221 228	#AEDDE4
33.3%	33.3% #9DD4DB	RGB 157 212 219	#9DD4DB
50.0%	50.0% #8CCBD3	RGB 140 203 211	#8CCBD3
66.7%	66.7% #7DC2CA	RGB 125 194 202	#7DC2CA
83.3%	83.3% #6EBAC1	RGB 110 186 193	#6EBAC1
100.0%	100.0% #61B2B9	RGB 97 178 185	#61B2B9

#C0E7ED #AEDDE4 #9DD4DB #8CCBD3 #7DC2CA #6EBAC1 #61B2B9

#C0E7ED - #8CCBD3 - #61B2B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0E7ED 0%, #8CCBD3 50%, #61B2B9 100%);
    background: -webkit-linear-gradient(top, #C0E7ED 0%, #8CCBD3 50%, #61B2B9 100%);
    background: linear-gradient(to bottom, #C0E7ED 0%, #8CCBD3 50%, #61B2B9 100%);
}
</style>