#E4D13F - #B2AF10 | 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 #E4D13F to #B2AF10

#E4D13F #B2AF10

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

#E4D13F - #B2AF10 | 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 #E4D13F as 0% and #B2AF10 as 100%.

0.0%	0.0% #E4D13F	RGB 228 209 63	#E4D13F
16.7%	16.7% #DBCB37	RGB 219 203 55	#DBCB37
33.3%	33.3% #D3C52F	RGB 211 197 47	#D3C52F
50.0%	50.0% #CBC027	RGB 203 192 39	#CBC027
66.7%	66.7% #C2BA1F	RGB 194 186 31	#C2BA1F
83.3%	83.3% #BAB417	RGB 186 180 23	#BAB417
100.0%	100.0% #B2AF10	RGB 178 175 16	#B2AF10

#E4D13F #DBCB37 #D3C52F #CBC027 #C2BA1F #BAB417 #B2AF10

#E4D13F - #B2AF10

HSV Blend

#E4D13F - #B2AF10 | 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 #E4D13F as 0% and #B2AF10 as 100%.

0.0%	0.0% #E4D13F	RGB 228 209 63	#E4D13F
16.7%	16.7% #DBCB35	RGB 219 203 53	#DBCB35
33.3%	33.3% #D3C52D	RGB 211 197 45	#D3C52D
50.0%	50.0% #CBBF25	RGB 203 191 37	#CBBF25
66.7%	66.7% #C2BA1D	RGB 194 186 29	#C2BA1D
83.3%	83.3% #BAB416	RGB 186 180 22	#BAB416
100.0%	100.0% #B2AF10	RGB 178 175 16	#B2AF10

#E4D13F #DBCB35 #D3C52D #CBBF25 #C2BA1D #BAB416 #B2AF10

#E4D13F - #CBBF25 - #B2AF10

CSS codes

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

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