#EDEF9C - #BCB63E | 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 #EDEF9C to #BCB63E

#EDEF9C #BCB63E

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

#EDEF9C - #BCB63E | 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 #EDEF9C as 0% and #BCB63E as 100%.

0.0%	0.0% #EDEF9C	RGB 237 239 156	#EDEF9C
16.7%	16.7% #E4E58C	RGB 228 229 140	#E4E58C
33.3%	33.3% #DCDC7C	RGB 220 220 124	#DCDC7C
50.0%	50.0% #D4D26D	RGB 212 210 109	#D4D26D
66.7%	66.7% #CCC95D	RGB 204 201 93	#CCC95D
83.3%	83.3% #C4BF4D	RGB 196 191 77	#C4BF4D
100.0%	100.0% #BCB63E	RGB 188 182 62	#BCB63E

#EDEF9C #E4E58C #DCDC7C #D4D26D #CCC95D #C4BF4D #BCB63E

#EDEF9C - #BCB63E

HSV Blend

#EDEF9C - #BCB63E | 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 #EDEF9C as 0% and #BCB63E as 100%.

0.0%	0.0% #EDEF9C	RGB 237 239 156	#EDEF9C
16.7%	16.7% #E5E68A	RGB 229 230 138	#E5E68A
33.3%	33.3% #DDDE79	RGB 221 222 121	#DDDE79
50.0%	50.0% #D5D468	RGB 213 212 104	#D5D468
66.7%	66.7% #CDCA59	RGB 205 202 89	#CDCA59
83.3%	83.3% #C4C04B	RGB 196 192 75	#C4C04B
100.0%	100.0% #BCB63E	RGB 188 182 62	#BCB63E

#EDEF9C #E5E68A #DDDE79 #D5D468 #CDCA59 #C4C04B #BCB63E

#EDEF9C - #D5D468 - #BCB63E

CSS codes

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

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