#B2AF5E - #ECFF7C | 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 #B2AF5E to #ECFF7C

#B2AF5E #ECFF7C

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

#B2AF5E - #ECFF7C | 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 #B2AF5E as 0% and #ECFF7C as 100%.

0.0%	0.0% #B2AF5E	RGB 178 175 94	#B2AF5E
16.7%	16.7% #BBBC63	RGB 187 188 99	#BBBC63
33.3%	33.3% #C5C968	RGB 197 201 104	#C5C968
50.0%	50.0% #CFD76D	RGB 207 215 109	#CFD76D
66.7%	66.7% #D8E472	RGB 216 228 114	#D8E472
83.3%	83.3% #E2F177	RGB 226 241 119	#E2F177
100.0%	100.0% #ECFF7C	RGB 236 255 124	#ECFF7C

#B2AF5E #BBBC63 #C5C968 #CFD76D #D8E472 #E2F177 #ECFF7C

#B2AF5E - #ECFF7C

HSV Blend

#B2AF5E - #ECFF7C | 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 #B2AF5E as 0% and #ECFF7C as 100%.

0.0%	0.0% #B2AF5E	RGB 178 175 94	#B2AF5E
16.7%	16.7% #BEBE63	RGB 190 190 99	#BEBE63
33.3%	33.3% #C9CB68	RGB 201 203 104	#C9CB68
50.0%	50.0% #D2D86D	RGB 210 216 109	#D2D86D
66.7%	66.7% #DBE572	RGB 219 229 114	#DBE572
83.3%	83.3% #E4F277	RGB 228 242 119	#E4F277
100.0%	100.0% #ECFF7C	RGB 236 255 124	#ECFF7C

#B2AF5E #BEBE63 #C9CB68 #D2D86D #DBE572 #E4F277 #ECFF7C

#B2AF5E - #D2D86D - #ECFF7C

CSS codes

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

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