#C5CC94 - #879A40 | 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 #C5CC94 to #879A40

#C5CC94 #879A40

Calculate the color between two colors, #C5CC94 and #879A40. 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)

#C5CC94 - #879A40 | 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 #C5CC94 as 0% and #879A40 as 100%.

0.0%	0.0% #C5CC94	RGB 197 204 148	#C5CC94
16.7%	16.7% #BAC386	RGB 186 195 134	#BAC386
33.3%	33.3% #B0BB78	RGB 176 187 120	#B0BB78
50.0%	50.0% #A6B36A	RGB 166 179 106	#A6B36A
66.7%	66.7% #9BAA5C	RGB 155 170 92	#9BAA5C
83.3%	83.3% #91A24E	RGB 145 162 78	#91A24E
100.0%	100.0% #879A40	RGB 135 154 64	#879A40

#C5CC94 #BAC386 #B0BB78 #A6B36A #9BAA5C #91A24E #879A40

#C5CC94 - #879A40

HSV Blend

#C5CC94 - #879A40 | 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 #C5CC94 as 0% and #879A40 as 100%.

0.0%	0.0% #C5CC94	RGB 197 204 148	#C5CC94
16.7%	16.7% #BAC383	RGB 186 195 131	#BAC383
33.3%	33.3% #B0BB74	RGB 176 187 116	#B0BB74
50.0%	50.0% #A6B366	RGB 166 179 102	#A6B366
66.7%	66.7% #9BAA58	RGB 155 170 88	#9BAA58
83.3%	83.3% #91A24B	RGB 145 162 75	#91A24B
100.0%	100.0% #879A40	RGB 135 154 64	#879A40

#C5CC94 #BAC383 #B0BB74 #A6B366 #9BAA58 #91A24B #879A40

#C5CC94 - #A6B366 - #879A40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5CC94 0%, #A6B366 50%, #879A40 100%);
    background: -webkit-linear-gradient(top, #C5CC94 0%, #A6B366 50%, #879A40 100%);
    background: linear-gradient(to bottom, #C5CC94 0%, #A6B366 50%, #879A40 100%);
}
</style>