#C8DBCC - #6C9F68 | 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 #C8DBCC to #6C9F68

#C8DBCC #6C9F68

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

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

0.0%	0.0% #C8DBCC	RGB 200 219 204	#C8DBCC
16.7%	16.7% #B8D1BB	RGB 184 209 187	#B8D1BB
33.3%	33.3% #A9C7AA	RGB 169 199 170	#A9C7AA
50.0%	50.0% #9ABD9A	RGB 154 189 154	#9ABD9A
66.7%	66.7% #8AB389	RGB 138 179 137	#8AB389
83.3%	83.3% #7BA978	RGB 123 169 120	#7BA978
100.0%	100.0% #6C9F68	RGB 108 159 104	#6C9F68

#C8DBCC #B8D1BB #A9C7AA #9ABD9A #8AB389 #7BA978 #6C9F68

#C8DBCC - #6C9F68

HSV Blend

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

0.0%	0.0% #C8DBCC	RGB 200 219 204	#C8DBCC
16.7%	16.7% #B5D1BA	RGB 181 209 186	#B5D1BA
33.3%	33.3% #A4C7A8	RGB 164 199 168	#A4C7A8
50.0%	50.0% #94BD96	RGB 148 189 150	#94BD96
66.7%	66.7% #84B385	RGB 132 179 133	#84B385
83.3%	83.3% #77A975	RGB 119 169 117	#77A975
100.0%	100.0% #6C9F68	RGB 108 159 104	#6C9F68

#C8DBCC #B5D1BA #A4C7A8 #94BD96 #84B385 #77A975 #6C9F68

#C8DBCC - #94BD96 - #6C9F68

CSS codes

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

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