#C7DFDA - #6F9F8D | 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 #C7DFDA to #6F9F8D

#C7DFDA #6F9F8D

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

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

0.0%	0.0% #C7DFDA	RGB 199 223 218	#C7DFDA
16.7%	16.7% #B8D4CD	RGB 184 212 205	#B8D4CD
33.3%	33.3% #A9C9C0	RGB 169 201 192	#A9C9C0
50.0%	50.0% #9BBFB3	RGB 155 191 179	#9BBFB3
66.7%	66.7% #8CB4A6	RGB 140 180 166	#8CB4A6
83.3%	83.3% #7DA999	RGB 125 169 153	#7DA999
100.0%	100.0% #6F9F8D	RGB 111 159 141	#6F9F8D

#C7DFDA #B8D4CD #A9C9C0 #9BBFB3 #8CB4A6 #7DA999 #6F9F8D

#C7DFDA - #6F9F8D

HSV Blend

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

0.0%	0.0% #C7DFDA	RGB 199 223 218	#C7DFDA
16.7%	16.7% #B6D4CD	RGB 182 212 205	#B6D4CD
33.3%	33.3% #A6C9C0	RGB 166 201 192	#A6C9C0
50.0%	50.0% #97BFB3	RGB 151 191 179	#97BFB3
66.7%	66.7% #89B4A6	RGB 137 180 166	#89B4A6
83.3%	83.3% #7BA999	RGB 123 169 153	#7BA999
100.0%	100.0% #6F9F8D	RGB 111 159 141	#6F9F8D

#C7DFDA #B6D4CD #A6C9C0 #97BFB3 #89B4A6 #7BA999 #6F9F8D

#C7DFDA - #97BFB3 - #6F9F8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7DFDA 0%, #97BFB3 50%, #6F9F8D 100%);
    background: -webkit-linear-gradient(top, #C7DFDA 0%, #97BFB3 50%, #6F9F8D 100%);
    background: linear-gradient(to bottom, #C7DFDA 0%, #97BFB3 50%, #6F9F8D 100%);
}
</style>