#C7ECFF - #61BED5 | 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 #C7ECFF to #61BED5

#C7ECFF #61BED5

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

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

0.0%	0.0% #C7ECFF	RGB 199 236 255	#C7ECFF
16.7%	16.7% #B6E4F8	RGB 182 228 248	#B6E4F8
33.3%	33.3% #A5DCF1	RGB 165 220 241	#A5DCF1
50.0%	50.0% #94D5EA	RGB 148 213 234	#94D5EA
66.7%	66.7% #83CDE3	RGB 131 205 227	#83CDE3
83.3%	83.3% #72C5DC	RGB 114 197 220	#72C5DC
100.0%	100.0% #61BED5	RGB 97 190 213	#61BED5

#C7ECFF #B6E4F8 #A5DCF1 #94D5EA #83CDE3 #72C5DC #61BED5

#C7ECFF - #61BED5

HSV Blend

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

0.0%	0.0% #C7ECFF	RGB 199 236 255	#C7ECFF
16.7%	16.7% #B4E2F8	RGB 180 226 248	#B4E2F8
33.3%	33.3% #A1D9F1	RGB 161 217 241	#A1D9F1
50.0%	50.0% #90D1EA	RGB 144 209 234	#90D1EA
66.7%	66.7% #7FCAE3	RGB 127 202 227	#7FCAE3
83.3%	83.3% #70C4DC	RGB 112 196 220	#70C4DC
100.0%	100.0% #61BED5	RGB 97 190 213	#61BED5

#C7ECFF #B4E2F8 #A1D9F1 #90D1EA #7FCAE3 #70C4DC #61BED5

#C7ECFF - #90D1EA - #61BED5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7ECFF 0%, #90D1EA 50%, #61BED5 100%);
    background: -webkit-linear-gradient(top, #C7ECFF 0%, #90D1EA 50%, #61BED5 100%);
    background: linear-gradient(to bottom, #C7ECFF 0%, #90D1EA 50%, #61BED5 100%);
}
</style>