#CFD4A8 - #97A34D | 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 #CFD4A8 to #97A34D

#CFD4A8 #97A34D

Calculate the color between two colors, #CFD4A8 and #97A34D. 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)

#CFD4A8 - #97A34D | 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 #CFD4A8 as 0% and #97A34D as 100%.

0.0%	0.0% #CFD4A8	RGB 207 212 168	#CFD4A8
16.7%	16.7% #C5CB98	RGB 197 203 152	#C5CB98
33.3%	33.3% #BCC389	RGB 188 195 137	#BCC389
50.0%	50.0% #B3BB7A	RGB 179 187 122	#B3BB7A
66.7%	66.7% #A9B36B	RGB 169 179 107	#A9B36B
83.3%	83.3% #A0AB5C	RGB 160 171 92	#A0AB5C
100.0%	100.0% #97A34D	RGB 151 163 77	#97A34D

#CFD4A8 #C5CB98 #BCC389 #B3BB7A #A9B36B #A0AB5C #97A34D

#CFD4A8 - #97A34D

HSV Blend

#CFD4A8 - #97A34D | 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 #CFD4A8 as 0% and #97A34D as 100%.

0.0%	0.0% #CFD4A8	RGB 207 212 168	#CFD4A8
16.7%	16.7% #C5CB96	RGB 197 203 150	#C5CB96
33.3%	33.3% #BCC386	RGB 188 195 134	#BCC386
50.0%	50.0% #B2BB76	RGB 178 187 118	#B2BB76
66.7%	66.7% #A9B367	RGB 169 179 103	#A9B367
83.3%	83.3% #A0AB59	RGB 160 171 89	#A0AB59
100.0%	100.0% #97A34D	RGB 151 163 77	#97A34D

#CFD4A8 #C5CB96 #BCC386 #B2BB76 #A9B367 #A0AB59 #97A34D

#CFD4A8 - #B2BB76 - #97A34D

CSS codes

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

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