#C5CC6D - #FFEE99 | 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 #C5CC6D to #FFEE99

#C5CC6D #FFEE99

Calculate the color between two colors, #C5CC6D and #FFEE99. 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)

#C5CC6D - #FFEE99 | 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 #C5CC6D as 0% and #FFEE99 as 100%.

0.0%	0.0% #C5CC6D	RGB 197 204 109	#C5CC6D
16.7%	16.7% #CED174	RGB 206 209 116	#CED174
33.3%	33.3% #D8D77B	RGB 216 215 123	#D8D77B
50.0%	50.0% #E2DD83	RGB 226 221 131	#E2DD83
66.7%	66.7% #EBE28A	RGB 235 226 138	#EBE28A
83.3%	83.3% #F5E891	RGB 245 232 145	#F5E891
100.0%	100.0% #FFEE99	RGB 255 238 153	#FFEE99

#C5CC6D #CED174 #D8D77B #E2DD83 #EBE28A #F5E891 #FFEE99

#C5CC6D - #FFEE99

HSV Blend

#C5CC6D - #FFEE99 | 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 #C5CC6D as 0% and #FFEE99 as 100%.

0.0%	0.0% #C5CC6D	RGB 197 204 109	#C5CC6D
16.7%	16.7% #D1D473	RGB 209 212 115	#D1D473
33.3%	33.3% #DDDC7A	RGB 221 220 122	#DDDC7A
50.0%	50.0% #E5E082	RGB 229 224 130	#E5E082
66.7%	66.7% #EEE589	RGB 238 229 137	#EEE589
83.3%	83.3% #F6E991	RGB 246 233 145	#F6E991
100.0%	100.0% #FFEE99	RGB 255 238 153	#FFEE99

#C5CC6D #D1D473 #DDDC7A #E5E082 #EEE589 #F6E991 #FFEE99

#C5CC6D - #E5E082 - #FFEE99

CSS codes

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

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