#E8F2D4 - #AFD685 | 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 #E8F2D4 to #AFD685

#E8F2D4 #AFD685

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

#E8F2D4 - #AFD685 | 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 #E8F2D4 as 0% and #AFD685 as 100%.

0.0%	0.0% #E8F2D4	RGB 232 242 212	#E8F2D4
16.7%	16.7% #DEEDC6	RGB 222 237 198	#DEEDC6
33.3%	33.3% #D5E8B9	RGB 213 232 185	#D5E8B9
50.0%	50.0% #CBE4AC	RGB 203 228 172	#CBE4AC
66.7%	66.7% #C2DF9F	RGB 194 223 159	#C2DF9F
83.3%	83.3% #B8DA92	RGB 184 218 146	#B8DA92
100.0%	100.0% #AFD685	RGB 175 214 133	#AFD685

#E8F2D4 #DEEDC6 #D5E8B9 #CBE4AC #C2DF9F #B8DA92 #AFD685

#E8F2D4 - #AFD685

HSV Blend

#E8F2D4 - #AFD685 | 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 #E8F2D4 as 0% and #AFD685 as 100%.

0.0%	0.0% #E8F2D4	RGB 232 242 212	#E8F2D4
16.7%	16.7% #DFEDC5	RGB 223 237 197	#DFEDC5
33.3%	33.3% #D6E8B8	RGB 214 232 184	#D6E8B8
50.0%	50.0% #CCE4AA	RGB 204 228 170	#CCE4AA
66.7%	66.7% #C2DF9D	RGB 194 223 157	#C2DF9D
83.3%	83.3% #B9DA91	RGB 185 218 145	#B9DA91
100.0%	100.0% #AFD685	RGB 175 214 133	#AFD685

#E8F2D4 #DFEDC5 #D6E8B8 #CCE4AA #C2DF9D #B9DA91 #AFD685

#E8F2D4 - #CCE4AA - #AFD685

CSS codes

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

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