#CFD9C0 - #8AAD6D | 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 #CFD9C0 to #8AAD6D

#CFD9C0 #8AAD6D

Calculate the color between two colors, #CFD9C0 and #8AAD6D. 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)

#CFD9C0 - #8AAD6D | 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 #CFD9C0 as 0% and #8AAD6D as 100%.

0.0%	0.0% #CFD9C0	RGB 207 217 192	#CFD9C0
16.7%	16.7% #C3D1B2	RGB 195 209 178	#C3D1B2
33.3%	33.3% #B8CAA4	RGB 184 202 164	#B8CAA4
50.0%	50.0% #ACC396	RGB 172 195 150	#ACC396
66.7%	66.7% #A1BB88	RGB 161 187 136	#A1BB88
83.3%	83.3% #95B47A	RGB 149 180 122	#95B47A
100.0%	100.0% #8AAD6D	RGB 138 173 109	#8AAD6D

#CFD9C0 #C3D1B2 #B8CAA4 #ACC396 #A1BB88 #95B47A #8AAD6D

#CFD9C0 - #8AAD6D

HSV Blend

#CFD9C0 - #8AAD6D | 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 #CFD9C0 as 0% and #8AAD6D as 100%.

0.0%	0.0% #CFD9C0	RGB 207 217 192	#CFD9C0
16.7%	16.7% #C3D1B0	RGB 195 209 176	#C3D1B0
33.3%	33.3% #B8CAA1	RGB 184 202 161	#B8CAA1
50.0%	50.0% #ACC393	RGB 172 195 147	#ACC393
66.7%	66.7% #A1BB86	RGB 161 187 134	#A1BB86
83.3%	83.3% #95B479	RGB 149 180 121	#95B479
100.0%	100.0% #8AAD6D	RGB 138 173 109	#8AAD6D

#CFD9C0 #C3D1B0 #B8CAA1 #ACC393 #A1BB86 #95B479 #8AAD6D

#CFD9C0 - #ACC393 - #8AAD6D

CSS codes

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

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