#C4C545 - #FFEC78 | 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 #C4C545 to #FFEC78

#C4C545 #FFEC78

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

#C4C545 - #FFEC78 | 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 #C4C545 as 0% and #FFEC78 as 100%.

0.0%	0.0% #C4C545	RGB 196 197 69	#C4C545
16.7%	16.7% #CDCB4D	RGB 205 203 77	#CDCB4D
33.3%	33.3% #D7D256	RGB 215 210 86	#D7D256
50.0%	50.0% #E1D85E	RGB 225 216 94	#E1D85E
66.7%	66.7% #EBDF67	RGB 235 223 103	#EBDF67
83.3%	83.3% #F5E56F	RGB 245 229 111	#F5E56F
100.0%	100.0% #FFEC78	RGB 255 236 120	#FFEC78

#C4C545 #CDCB4D #D7D256 #E1D85E #EBDF67 #F5E56F #FFEC78

#C4C545 - #FFEC78

HSV Blend

#C4C545 - #FFEC78 | 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 #C4C545 as 0% and #FFEC78 as 100%.

0.0%	0.0% #C4C545	RGB 196 197 69	#C4C545
16.7%	16.7% #CECC4C	RGB 206 204 76	#CECC4C
33.3%	33.3% #D8D254	RGB 216 210 84	#D8D254
50.0%	50.0% #E2D95C	RGB 226 217 92	#E2D95C
66.7%	66.7% #EBDF65	RGB 235 223 101	#EBDF65
83.3%	83.3% #F5E56E	RGB 245 229 110	#F5E56E
100.0%	100.0% #FFEC78	RGB 255 236 120	#FFEC78

#C4C545 #CECC4C #D8D254 #E2D95C #EBDF65 #F5E56E #FFEC78

#C4C545 - #E2D95C - #FFEC78

CSS codes

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

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