#C4B62B - #E4FE3C | 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 #C4B62B to #E4FE3C

#C4B62B #E4FE3C

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

#C4B62B - #E4FE3C | 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 #C4B62B as 0% and #E4FE3C as 100%.

0.0%	0.0% #C4B62B	RGB 196 182 43	#C4B62B
16.7%	16.7% #C9C22D	RGB 201 194 45	#C9C22D
33.3%	33.3% #CECE30	RGB 206 206 48	#CECE30
50.0%	50.0% #D4DA33	RGB 212 218 51	#D4DA33
66.7%	66.7% #D9E636	RGB 217 230 54	#D9E636
83.3%	83.3% #DEF239	RGB 222 242 57	#DEF239
100.0%	100.0% #E4FE3C	RGB 228 254 60	#E4FE3C

#C4B62B #C9C22D #CECE30 #D4DA33 #D9E636 #DEF239 #E4FE3C

#C4B62B - #E4FE3C

HSV Blend

#C4B62B - #E4FE3C | 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 #C4B62B as 0% and #E4FE3C as 100%.

0.0%	0.0% #C4B62B	RGB 196 182 43	#C4B62B
16.7%	16.7% #CDC52D	RGB 205 197 45	#CDC52D
33.3%	33.3% #D7D430	RGB 215 212 48	#D7D430
50.0%	50.0% #DDE133	RGB 221 225 51	#DDE133
66.7%	66.7% #E0EA36	RGB 224 234 54	#E0EA36
83.3%	83.3% #E2F439	RGB 226 244 57	#E2F439
100.0%	100.0% #E4FE3C	RGB 228 254 60	#E4FE3C

#C4B62B #CDC52D #D7D430 #DDE133 #E0EA36 #E2F439 #E4FE3C

#C4B62B - #DDE133 - #E4FE3C

CSS codes

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

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