#EBF8C7 - #AFCB6B | 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 #EBF8C7 to #AFCB6B

#EBF8C7 #AFCB6B

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

#EBF8C7 - #AFCB6B | 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 #EBF8C7 as 0% and #AFCB6B as 100%.

0.0%	0.0% #EBF8C7	RGB 235 248 199	#EBF8C7
16.7%	16.7% #E1F0B7	RGB 225 240 183	#E1F0B7
33.3%	33.3% #D7E9A8	RGB 215 233 168	#D7E9A8
50.0%	50.0% #CDE199	RGB 205 225 153	#CDE199
66.7%	66.7% #C3DA89	RGB 195 218 137	#C3DA89
83.3%	83.3% #B9D27A	RGB 185 210 122	#B9D27A
100.0%	100.0% #AFCB6B	RGB 175 203 107	#AFCB6B

#EBF8C7 #E1F0B7 #D7E9A8 #CDE199 #C3DA89 #B9D27A #AFCB6B

#EBF8C7 - #AFCB6B

HSV Blend

#EBF8C7 - #AFCB6B | 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 #EBF8C7 as 0% and #AFCB6B as 100%.

0.0%	0.0% #EBF8C7	RGB 235 248 199	#EBF8C7
16.7%	16.7% #E0F0B5	RGB 224 240 181	#E0F0B5
33.3%	33.3% #D6E9A5	RGB 214 233 165	#D6E9A5
50.0%	50.0% #CCE195	RGB 204 225 149	#CCE195
66.7%	66.7% #C2DA86	RGB 194 218 134	#C2DA86
83.3%	83.3% #B8D278	RGB 184 210 120	#B8D278
100.0%	100.0% #AFCB6B	RGB 175 203 107	#AFCB6B

#EBF8C7 #E0F0B5 #D6E9A5 #CCE195 #C2DA86 #B8D278 #AFCB6B

#EBF8C7 - #CCE195 - #AFCB6B

CSS codes

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

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