#CCD4A6 - #8DA451 | 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 #CCD4A6 to #8DA451

#CCD4A6 #8DA451

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

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

0.0%	0.0% #CCD4A6	RGB 204 212 166	#CCD4A6
16.7%	16.7% #C1CC97	RGB 193 204 151	#C1CC97
33.3%	33.3% #B7C489	RGB 183 196 137	#B7C489
50.0%	50.0% #ACBC7B	RGB 172 188 123	#ACBC7B
66.7%	66.7% #A2B46D	RGB 162 180 109	#A2B46D
83.3%	83.3% #97AC5F	RGB 151 172 95	#97AC5F
100.0%	100.0% #8DA451	RGB 141 164 81	#8DA451

#CCD4A6 #C1CC97 #B7C489 #ACBC7B #A2B46D #97AC5F #8DA451

#CCD4A6 - #8DA451

HSV Blend

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

0.0%	0.0% #CCD4A6	RGB 204 212 166	#CCD4A6
16.7%	16.7% #C1CC95	RGB 193 204 149	#C1CC95
33.3%	33.3% #B7C486	RGB 183 196 134	#B7C486
50.0%	50.0% #ACBC78	RGB 172 188 120	#ACBC78
66.7%	66.7% #A2B46A	RGB 162 180 106	#A2B46A
83.3%	83.3% #97AC5D	RGB 151 172 93	#97AC5D
100.0%	100.0% #8DA451	RGB 141 164 81	#8DA451

#CCD4A6 #C1CC95 #B7C486 #ACBC78 #A2B46A #97AC5D #8DA451

#CCD4A6 - #ACBC78 - #8DA451

CSS codes

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

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