#EDF2AF - #BBCF57 | 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 #EDF2AF to #BBCF57

#EDF2AF #BBCF57

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

#EDF2AF - #BBCF57 | 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 #EDF2AF as 0% and #BBCF57 as 100%.

0.0%	0.0% #EDF2AF	RGB 237 242 175	#EDF2AF
16.7%	16.7% #E4ECA0	RGB 228 236 160	#E4ECA0
33.3%	33.3% #DCE691	RGB 220 230 145	#DCE691
50.0%	50.0% #D4E083	RGB 212 224 131	#D4E083
66.7%	66.7% #CBDA74	RGB 203 218 116	#CBDA74
83.3%	83.3% #C3D465	RGB 195 212 101	#C3D465
100.0%	100.0% #BBCF57	RGB 187 207 87	#BBCF57

#EDF2AF #E4ECA0 #DCE691 #D4E083 #CBDA74 #C3D465 #BBCF57

#EDF2AF - #BBCF57

HSV Blend

#EDF2AF - #BBCF57 | 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 #EDF2AF as 0% and #BBCF57 as 100%.

0.0%	0.0% #EDF2AF	RGB 237 242 175	#EDF2AF
16.7%	16.7% #E5EC9E	RGB 229 236 158	#E5EC9E
33.3%	33.3% #DDE68F	RGB 221 230 143	#DDE68F
50.0%	50.0% #D4E080	RGB 212 224 128	#D4E080
66.7%	66.7% #CCDA71	RGB 204 218 113	#CCDA71
83.3%	83.3% #C3D464	RGB 195 212 100	#C3D464
100.0%	100.0% #BBCF57	RGB 187 207 87	#BBCF57

#EDF2AF #E5EC9E #DDE68F #D4E080 #CCDA71 #C3D464 #BBCF57

#EDF2AF - #D4E080 - #BBCF57

CSS codes

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

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