#C6E5E2 - #6DAEAB | 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 #C6E5E2 to #6DAEAB

#C6E5E2 #6DAEAB

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

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

0.0%	0.0% #C6E5E2	RGB 198 229 226	#C6E5E2
16.7%	16.7% #B7DBD8	RGB 183 219 216	#B7DBD8
33.3%	33.3% #A8D2CF	RGB 168 210 207	#A8D2CF
50.0%	50.0% #99C9C6	RGB 153 201 198	#99C9C6
66.7%	66.7% #8AC0BD	RGB 138 192 189	#8AC0BD
83.3%	83.3% #7BB7B4	RGB 123 183 180	#7BB7B4
100.0%	100.0% #6DAEAB	RGB 109 174 171	#6DAEAB

#C6E5E2 #B7DBD8 #A8D2CF #99C9C6 #8AC0BD #7BB7B4 #6DAEAB

#C6E5E2 - #6DAEAB

HSV Blend

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

0.0%	0.0% #C6E5E2	RGB 198 229 226	#C6E5E2
16.7%	16.7% #B5DBD8	RGB 181 219 216	#B5DBD8
33.3%	33.3% #A5D2CF	RGB 165 210 207	#A5D2CF
50.0%	50.0% #96C9C5	RGB 150 201 197	#96C9C5
66.7%	66.7% #87C0BC	RGB 135 192 188	#87C0BC
83.3%	83.3% #7AB7B3	RGB 122 183 179	#7AB7B3
100.0%	100.0% #6DAEAB	RGB 109 174 171	#6DAEAB

#C6E5E2 #B5DBD8 #A5D2CF #96C9C5 #87C0BC #7AB7B3 #6DAEAB

#C6E5E2 - #96C9C5 - #6DAEAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6E5E2 0%, #96C9C5 50%, #6DAEAB 100%);
    background: -webkit-linear-gradient(top, #C6E5E2 0%, #96C9C5 50%, #6DAEAB 100%);
    background: linear-gradient(to bottom, #C6E5E2 0%, #96C9C5 50%, #6DAEAB 100%);
}
</style>