#C7E1EB - #6BA9AF | 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 #C7E1EB to #6BA9AF

#C7E1EB #6BA9AF

Calculate the color between two colors, #C7E1EB and #6BA9AF. 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)

#C7E1EB - #6BA9AF | 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 #C7E1EB as 0% and #6BA9AF as 100%.

0.0%	0.0% #C7E1EB	RGB 199 225 235	#C7E1EB
16.7%	16.7% #B7D7E1	RGB 183 215 225	#B7D7E1
33.3%	33.3% #A8CED7	RGB 168 206 215	#A8CED7
50.0%	50.0% #99C5CD	RGB 153 197 205	#99C5CD
66.7%	66.7% #89BBC3	RGB 137 187 195	#89BBC3
83.3%	83.3% #7AB2B9	RGB 122 178 185	#7AB2B9
100.0%	100.0% #6BA9AF	RGB 107 169 175	#6BA9AF

#C7E1EB #B7D7E1 #A8CED7 #99C5CD #89BBC3 #7AB2B9 #6BA9AF

#C7E1EB - #6BA9AF

HSV Blend

#C7E1EB - #6BA9AF | 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 #C7E1EB as 0% and #6BA9AF as 100%.

0.0%	0.0% #C7E1EB	RGB 199 225 235	#C7E1EB
16.7%	16.7% #B5D6E1	RGB 181 214 225	#B5D6E1
33.3%	33.3% #A5CCD7	RGB 165 204 215	#A5CCD7
50.0%	50.0% #95C2CD	RGB 149 194 205	#95C2CD
66.7%	66.7% #86B9C3	RGB 134 185 195	#86B9C3
83.3%	83.3% #78B1B9	RGB 120 177 185	#78B1B9
100.0%	100.0% #6BA9AF	RGB 107 169 175	#6BA9AF

#C7E1EB #B5D6E1 #A5CCD7 #95C2CD #86B9C3 #78B1B9 #6BA9AF

#C7E1EB - #95C2CD - #6BA9AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E1EB 0%, #95C2CD 50%, #6BA9AF 100%);
    background: -webkit-linear-gradient(top, #C7E1EB 0%, #95C2CD 50%, #6BA9AF 100%);
    background: linear-gradient(to bottom, #C7E1EB 0%, #95C2CD 50%, #6BA9AF 100%);
}
</style>