#E5E75B - #B1B819 | 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 #E5E75B to #B1B819

#E5E75B #B1B819

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

#E5E75B - #B1B819 | 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 #E5E75B as 0% and #B1B819 as 100%.

0.0%	0.0% #E5E75B	RGB 229 231 91	#E5E75B
16.7%	16.7% #DCDF50	RGB 220 223 80	#DCDF50
33.3%	33.3% #D3D745	RGB 211 215 69	#D3D745
50.0%	50.0% #CBCF3A	RGB 203 207 58	#CBCF3A
66.7%	66.7% #C2C72F	RGB 194 199 47	#C2C72F
83.3%	83.3% #B9BF24	RGB 185 191 36	#B9BF24
100.0%	100.0% #B1B819	RGB 177 184 25	#B1B819

#E5E75B #DCDF50 #D3D745 #CBCF3A #C2C72F #B9BF24 #B1B819

#E5E75B - #B1B819

HSV Blend

#E5E75B - #B1B819 | 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 #E5E75B as 0% and #B1B819 as 100%.

0.0%	0.0% #E5E75B	RGB 229 231 91	#E5E75B
16.7%	16.7% #DCDF4E	RGB 220 223 78	#DCDF4E
33.3%	33.3% #D3D742	RGB 211 215 66	#D3D742
50.0%	50.0% #CBCF36	RGB 203 207 54	#CBCF36
66.7%	66.7% #C2C72C	RGB 194 199 44	#C2C72C
83.3%	83.3% #B9BF22	RGB 185 191 34	#B9BF22
100.0%	100.0% #B1B819	RGB 177 184 25	#B1B819

#E5E75B #DCDF4E #D3D742 #CBCF36 #C2C72C #B9BF22 #B1B819

#E5E75B - #CBCF36 - #B1B819

CSS codes

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

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