#C4C54C - #FFEC7E | 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 #C4C54C to #FFEC7E

#C4C54C #FFEC7E

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

#C4C54C - #FFEC7E | 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 #C4C54C as 0% and #FFEC7E as 100%.

0.0%	0.0% #C4C54C	RGB 196 197 76	#C4C54C
16.7%	16.7% #CDCB54	RGB 205 203 84	#CDCB54
33.3%	33.3% #D7D25C	RGB 215 210 92	#D7D25C
50.0%	50.0% #E1D865	RGB 225 216 101	#E1D865
66.7%	66.7% #EBDF6D	RGB 235 223 109	#EBDF6D
83.3%	83.3% #F5E575	RGB 245 229 117	#F5E575
100.0%	100.0% #FFEC7E	RGB 255 236 126	#FFEC7E

#C4C54C #CDCB54 #D7D25C #E1D865 #EBDF6D #F5E575 #FFEC7E

#C4C54C - #FFEC7E

HSV Blend

#C4C54C - #FFEC7E | 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 #C4C54C as 0% and #FFEC7E as 100%.

0.0%	0.0% #C4C54C	RGB 196 197 76	#C4C54C
16.7%	16.7% #CECC53	RGB 206 204 83	#CECC53
33.3%	33.3% #D8D25B	RGB 216 210 91	#D8D25B
50.0%	50.0% #E2D963	RGB 226 217 99	#E2D963
66.7%	66.7% #EBDF6B	RGB 235 223 107	#EBDF6B
83.3%	83.3% #F5E574	RGB 245 229 116	#F5E574
100.0%	100.0% #FFEC7E	RGB 255 236 126	#FFEC7E

#C4C54C #CECC53 #D8D25B #E2D963 #EBDF6B #F5E574 #FFEC7E

#C4C54C - #E2D963 - #FFEC7E

CSS codes

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

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