#C2DBD9 - #6C9985 | 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 #C2DBD9 to #6C9985

#C2DBD9 #6C9985

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

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

0.0%	0.0% #C2DBD9	RGB 194 219 217	#C2DBD9
16.7%	16.7% #B3D0CB	RGB 179 208 203	#B3D0CB
33.3%	33.3% #A5C5BD	RGB 165 197 189	#A5C5BD
50.0%	50.0% #97BAAF	RGB 151 186 175	#97BAAF
66.7%	66.7% #88AFA1	RGB 136 175 161	#88AFA1
83.3%	83.3% #7AA493	RGB 122 164 147	#7AA493
100.0%	100.0% #6C9985	RGB 108 153 133	#6C9985

#C2DBD9 #B3D0CB #A5C5BD #97BAAF #88AFA1 #7AA493 #6C9985

#C2DBD9 - #6C9985

HSV Blend

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

0.0%	0.0% #C2DBD9	RGB 194 219 217	#C2DBD9
16.7%	16.7% #B2D0CB	RGB 178 208 203	#B2D0CB
33.3%	33.3% #A2C5BE	RGB 162 197 190	#A2C5BE
50.0%	50.0% #94BAB0	RGB 148 186 176	#94BAB0
66.7%	66.7% #86AFA1	RGB 134 175 161	#86AFA1
83.3%	83.3% #78A493	RGB 120 164 147	#78A493
100.0%	100.0% #6C9985	RGB 108 153 133	#6C9985

#C2DBD9 #B2D0CB #A2C5BE #94BAB0 #86AFA1 #78A493 #6C9985

#C2DBD9 - #94BAB0 - #6C9985

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DBD9 0%, #94BAB0 50%, #6C9985 100%);
    background: -webkit-linear-gradient(top, #C2DBD9 0%, #94BAB0 50%, #6C9985 100%);
    background: linear-gradient(to bottom, #C2DBD9 0%, #94BAB0 50%, #6C9985 100%);
}
</style>