#E3E35B - #C0B41B | 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 #E3E35B to #C0B41B

#E3E35B #C0B41B

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

#E3E35B - #C0B41B | 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 #E3E35B as 0% and #C0B41B as 100%.

0.0%	0.0% #E3E35B	RGB 227 227 91	#E3E35B
16.7%	16.7% #DDDB50	RGB 221 219 80	#DDDB50
33.3%	33.3% #D7D345	RGB 215 211 69	#D7D345
50.0%	50.0% #D1CB3B	RGB 209 203 59	#D1CB3B
66.7%	66.7% #CBC330	RGB 203 195 48	#CBC330
83.3%	83.3% #C5BB25	RGB 197 187 37	#C5BB25
100.0%	100.0% #C0B41B	RGB 192 180 27	#C0B41B

#E3E35B #DDDB50 #D7D345 #D1CB3B #CBC330 #C5BB25 #C0B41B

#E3E35B - #C0B41B

HSV Blend

#E3E35B - #C0B41B | 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 #E3E35B as 0% and #C0B41B as 100%.

0.0%	0.0% #E3E35B	RGB 227 227 91	#E3E35B
16.7%	16.7% #DDDB4F	RGB 221 219 79	#DDDB4F
33.3%	33.3% #D7D343	RGB 215 211 67	#D7D343
50.0%	50.0% #D1CB38	RGB 209 203 56	#D1CB38
66.7%	66.7% #CBC42E	RGB 203 196 46	#CBC42E
83.3%	83.3% #C5BC24	RGB 197 188 36	#C5BC24
100.0%	100.0% #C0B41B	RGB 192 180 27	#C0B41B

#E3E35B #DDDB4F #D7D343 #D1CB38 #CBC42E #C5BC24 #C0B41B

#E3E35B - #D1CB38 - #C0B41B

CSS codes

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

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