#C0CDCB - #618D7B | 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 #C0CDCB to #618D7B

#C0CDCB #618D7B

Calculate the color between two colors, #C0CDCB and #618D7B. 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)

#C0CDCB - #618D7B | 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 #C0CDCB as 0% and #618D7B as 100%.

0.0%	0.0% #C0CDCB	RGB 192 205 203	#C0CDCB
16.7%	16.7% #B0C2BD	RGB 176 194 189	#B0C2BD
33.3%	33.3% #A0B7B0	RGB 160 183 176	#A0B7B0
50.0%	50.0% #90ADA3	RGB 144 173 163	#90ADA3
66.7%	66.7% #80A295	RGB 128 162 149	#80A295
83.3%	83.3% #709788	RGB 112 151 136	#709788
100.0%	100.0% #618D7B	RGB 97 141 123	#618D7B

#C0CDCB #B0C2BD #A0B7B0 #90ADA3 #80A295 #709788 #618D7B

#C0CDCB - #618D7B

HSV Blend

#C0CDCB - #618D7B | 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 #C0CDCB as 0% and #618D7B as 100%.

0.0%	0.0% #C0CDCB	RGB 192 205 203	#C0CDCB
16.7%	16.7% #ADC2BE	RGB 173 194 190	#ADC2BE
33.3%	33.3% #9CB7B1	RGB 156 183 177	#9CB7B1
50.0%	50.0% #8CADA3	RGB 140 173 163	#8CADA3
66.7%	66.7% #7DA296	RGB 125 162 150	#7DA296
83.3%	83.3% #6E9788	RGB 110 151 136	#6E9788
100.0%	100.0% #618D7B	RGB 97 141 123	#618D7B

#C0CDCB #ADC2BE #9CB7B1 #8CADA3 #7DA296 #6E9788 #618D7B

#C0CDCB - #8CADA3 - #618D7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CDCB 0%, #8CADA3 50%, #618D7B 100%);
    background: -webkit-linear-gradient(top, #C0CDCB 0%, #8CADA3 50%, #618D7B 100%);
    background: linear-gradient(to bottom, #C0CDCB 0%, #8CADA3 50%, #618D7B 100%);
}
</style>