#C0E8DA - #6BBFAC | 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 #C0E8DA to #6BBFAC

#C0E8DA #6BBFAC

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

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

0.0%	0.0% #C0E8DA	RGB 192 232 218	#C0E8DA
16.7%	16.7% #B1E1D2	RGB 177 225 210	#B1E1D2
33.3%	33.3% #A3DACA	RGB 163 218 202	#A3DACA
50.0%	50.0% #95D3C3	RGB 149 211 195	#95D3C3
66.7%	66.7% #87CCBB	RGB 135 204 187	#87CCBB
83.3%	83.3% #79C5B3	RGB 121 197 179	#79C5B3
100.0%	100.0% #6BBFAC	RGB 107 191 172	#6BBFAC

#C0E8DA #B1E1D2 #A3DACA #95D3C3 #87CCBB #79C5B3 #6BBFAC

#C0E8DA - #6BBFAC

HSV Blend

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

0.0%	0.0% #C0E8DA	RGB 192 232 218	#C0E8DA
16.7%	16.7% #B0E1D1	RGB 176 225 209	#B0E1D1
33.3%	33.3% #A1DAC8	RGB 161 218 200	#A1DAC8
50.0%	50.0% #92D3C0	RGB 146 211 192	#92D3C0
66.7%	66.7% #84CCB9	RGB 132 204 185	#84CCB9
83.3%	83.3% #77C5B2	RGB 119 197 178	#77C5B2
100.0%	100.0% #6BBFAC	RGB 107 191 172	#6BBFAC

#C0E8DA #B0E1D1 #A1DAC8 #92D3C0 #84CCB9 #77C5B2 #6BBFAC

#C0E8DA - #92D3C0 - #6BBFAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0E8DA 0%, #92D3C0 50%, #6BBFAC 100%);
    background: -webkit-linear-gradient(top, #C0E8DA 0%, #92D3C0 50%, #6BBFAC 100%);
    background: linear-gradient(to bottom, #C0E8DA 0%, #92D3C0 50%, #6BBFAC 100%);
}
</style>