#CFD1C4 - #8F9C71 | 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 #CFD1C4 to #8F9C71

#CFD1C4 #8F9C71

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

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

0.0%	0.0% #CFD1C4	RGB 207 209 196	#CFD1C4
16.7%	16.7% #C4C8B6	RGB 196 200 182	#C4C8B6
33.3%	33.3% #B9BFA8	RGB 185 191 168	#B9BFA8
50.0%	50.0% #AFB69A	RGB 175 182 154	#AFB69A
66.7%	66.7% #A4AD8C	RGB 164 173 140	#A4AD8C
83.3%	83.3% #99A47E	RGB 153 164 126	#99A47E
100.0%	100.0% #8F9C71	RGB 143 156 113	#8F9C71

#CFD1C4 #C4C8B6 #B9BFA8 #AFB69A #A4AD8C #99A47E #8F9C71

#CFD1C4 - #8F9C71

HSV Blend

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

0.0%	0.0% #CFD1C4	RGB 207 209 196	#CFD1C4
16.7%	16.7% #C4C8B4	RGB 196 200 180	#C4C8B4
33.3%	33.3% #BABFA5	RGB 186 191 165	#BABFA5
50.0%	50.0% #AFB697	RGB 175 182 151	#AFB697
66.7%	66.7% #A4AD8A	RGB 164 173 138	#A4AD8A
83.3%	83.3% #99A47D	RGB 153 164 125	#99A47D
100.0%	100.0% #8F9C71	RGB 143 156 113	#8F9C71

#CFD1C4 #C4C8B4 #BABFA5 #AFB697 #A4AD8A #99A47D #8F9C71

#CFD1C4 - #AFB697 - #8F9C71

CSS codes

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

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