#C7EBEA - #6BAFA0 | 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 #C7EBEA to #6BAFA0

#C7EBEA #6BAFA0

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

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

0.0%	0.0% #C7EBEA	RGB 199 235 234	#C7EBEA
16.7%	16.7% #B7E1DD	RGB 183 225 221	#B7E1DD
33.3%	33.3% #A8D7D1	RGB 168 215 209	#A8D7D1
50.0%	50.0% #99CDC5	RGB 153 205 197	#99CDC5
66.7%	66.7% #89C3B8	RGB 137 195 184	#89C3B8
83.3%	83.3% #7AB9AC	RGB 122 185 172	#7AB9AC
100.0%	100.0% #6BAFA0	RGB 107 175 160	#6BAFA0

#C7EBEA #B7E1DD #A8D7D1 #99CDC5 #89C3B8 #7AB9AC #6BAFA0

#C7EBEA - #6BAFA0

HSV Blend

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

0.0%	0.0% #C7EBEA	RGB 199 235 234	#C7EBEA
16.7%	16.7% #B5E1DE	RGB 181 225 222	#B5E1DE
33.3%	33.3% #A5D7D2	RGB 165 215 210	#A5D7D2
50.0%	50.0% #95CDC6	RGB 149 205 198	#95CDC6
66.7%	66.7% #86C3B9	RGB 134 195 185	#86C3B9
83.3%	83.3% #78B9AC	RGB 120 185 172	#78B9AC
100.0%	100.0% #6BAFA0	RGB 107 175 160	#6BAFA0

#C7EBEA #B5E1DE #A5D7D2 #95CDC6 #86C3B9 #78B9AC #6BAFA0

#C7EBEA - #95CDC6 - #6BAFA0

CSS codes

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

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