#C0CDC1 - #6FAA6D | 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 #C0CDC1 to #6FAA6D

#C0CDC1 #6FAA6D

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

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

0.0%	0.0% #C0CDC1	RGB 192 205 193	#C0CDC1
16.7%	16.7% #B2C7B3	RGB 178 199 179	#B2C7B3
33.3%	33.3% #A5C1A5	RGB 165 193 165	#A5C1A5
50.0%	50.0% #97BB97	RGB 151 187 151	#97BB97
66.7%	66.7% #8AB589	RGB 138 181 137	#8AB589
83.3%	83.3% #7CAF7B	RGB 124 175 123	#7CAF7B
100.0%	100.0% #6FAA6D	RGB 111 170 109	#6FAA6D

#C0CDC1 #B2C7B3 #A5C1A5 #97BB97 #8AB589 #7CAF7B #6FAA6D

#C0CDC1 - #6FAA6D

HSV Blend

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

0.0%	0.0% #C0CDC1	RGB 192 205 193	#C0CDC1
16.7%	16.7% #B0C7B2	RGB 176 199 178	#B0C7B2
33.3%	33.3% #A2C1A3	RGB 162 193 163	#A2C1A3
50.0%	50.0% #93BB94	RGB 147 187 148	#93BB94
66.7%	66.7% #86B586	RGB 134 181 134	#86B586
83.3%	83.3% #7AAF79	RGB 122 175 121	#7AAF79
100.0%	100.0% #6FAA6D	RGB 111 170 109	#6FAA6D

#C0CDC1 #B0C7B2 #A2C1A3 #93BB94 #86B586 #7AAF79 #6FAA6D

#C0CDC1 - #93BB94 - #6FAA6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CDC1 0%, #93BB94 50%, #6FAA6D 100%);
    background: -webkit-linear-gradient(top, #C0CDC1 0%, #93BB94 50%, #6FAA6D 100%);
    background: linear-gradient(to bottom, #C0CDC1 0%, #93BB94 50%, #6FAA6D 100%);
}
</style>