#C2D4C8 - #6FB886 | 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 #C2D4C8 to #6FB886

#C2D4C8 #6FB886

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

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

0.0%	0.0% #C2D4C8	RGB 194 212 200	#C2D4C8
16.7%	16.7% #B4CFBD	RGB 180 207 189	#B4CFBD
33.3%	33.3% #A6CAB2	RGB 166 202 178	#A6CAB2
50.0%	50.0% #98C6A7	RGB 152 198 167	#98C6A7
66.7%	66.7% #8AC19C	RGB 138 193 156	#8AC19C
83.3%	83.3% #7CBC91	RGB 124 188 145	#7CBC91
100.0%	100.0% #6FB886	RGB 111 184 134	#6FB886

#C2D4C8 #B4CFBD #A6CAB2 #98C6A7 #8AC19C #7CBC91 #6FB886

#C2D4C8 - #6FB886

HSV Blend

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

0.0%	0.0% #C2D4C8	RGB 194 212 200	#C2D4C8
16.7%	16.7% #B2CFBC	RGB 178 207 188	#B2CFBC
33.3%	33.3% #A4CAB0	RGB 164 202 176	#A4CAB0
50.0%	50.0% #96C6A5	RGB 150 198 165	#96C6A5
66.7%	66.7% #88C19A	RGB 136 193 154	#88C19A
83.3%	83.3% #7BBC90	RGB 123 188 144	#7BBC90
100.0%	100.0% #6FB886	RGB 111 184 134	#6FB886

#C2D4C8 #B2CFBC #A4CAB0 #96C6A5 #88C19A #7BBC90 #6FB886

#C2D4C8 - #96C6A5 - #6FB886

CSS codes

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

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