#B8C142 - #EAEDC9 | 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 #B8C142 to #EAEDC9

#B8C142 #EAEDC9

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

#B8C142 - #EAEDC9 | 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 #B8C142 as 0% and #EAEDC9 as 100%.

0.0%	0.0% #B8C142	RGB 184 193 66	#B8C142
16.7%	16.7% #C0C858	RGB 192 200 88	#C0C858
33.3%	33.3% #C8CF6F	RGB 200 207 111	#C8CF6F
50.0%	50.0% #D1D785	RGB 209 215 133	#D1D785
66.7%	66.7% #D9DE9C	RGB 217 222 156	#D9DE9C
83.3%	83.3% #E1E5B2	RGB 225 229 178	#E1E5B2
100.0%	100.0% #EAEDC9	RGB 234 237 201	#EAEDC9

#B8C142 #C0C858 #C8CF6F #D1D785 #D9DE9C #E1E5B2 #EAEDC9

#B8C142 - #EAEDC9

HSV Blend

#B8C142 - #EAEDC9 | 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 #B8C142 as 0% and #EAEDC9 as 100%.

0.0%	0.0% #B8C142	RGB 184 193 66	#B8C142
16.7%	16.7% #BFC855	RGB 191 200 85	#BFC855
33.3%	33.3% #C8CF6A	RGB 200 207 106	#C8CF6A
50.0%	50.0% #D0D77F	RGB 208 215 127	#D0D77F
66.7%	66.7% #D8DE97	RGB 216 222 151	#D8DE97
83.3%	83.3% #E1E5AF	RGB 225 229 175	#E1E5AF
100.0%	100.0% #EAEDC9	RGB 234 237 201	#EAEDC9

#B8C142 #BFC855 #C8CF6A #D0D77F #D8DE97 #E1E5AF #EAEDC9

#B8C142 - #D0D77F - #EAEDC9

CSS codes

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

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