#AFDA9C - #5EB248 | 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 #AFDA9C to #5EB248

#AFDA9C #5EB248

Calculate the color between two colors, #AFDA9C and #5EB248. 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)

#AFDA9C - #5EB248 | 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 #AFDA9C as 0% and #5EB248 as 100%.

0.0%	0.0% #AFDA9C	RGB 175 218 156	#AFDA9C
16.7%	16.7% #A1D38E	RGB 161 211 142	#A1D38E
33.3%	33.3% #94CC80	RGB 148 204 128	#94CC80
50.0%	50.0% #86C672	RGB 134 198 114	#86C672
66.7%	66.7% #79BF64	RGB 121 191 100	#79BF64
83.3%	83.3% #6BB856	RGB 107 184 86	#6BB856
100.0%	100.0% #5EB248	RGB 94 178 72	#5EB248

#AFDA9C #A1D38E #94CC80 #86C672 #79BF64 #6BB856 #5EB248

#AFDA9C - #5EB248

HSV Blend

#AFDA9C - #5EB248 | 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 #AFDA9C as 0% and #5EB248 as 100%.

0.0%	0.0% #AFDA9C	RGB 175 218 156	#AFDA9C
16.7%	16.7% #A0D38C	RGB 160 211 140	#A0D38C
33.3%	33.3% #92CC7D	RGB 146 204 125	#92CC7D
50.0%	50.0% #85C66E	RGB 133 198 110	#85C66E
66.7%	66.7% #77BF61	RGB 119 191 97	#77BF61
83.3%	83.3% #6AB854	RGB 106 184 84	#6AB854
100.0%	100.0% #5EB248	RGB 94 178 72	#5EB248

#AFDA9C #A0D38C #92CC7D #85C66E #77BF61 #6AB854 #5EB248

#AFDA9C - #85C66E - #5EB248

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFDA9C 0%, #85C66E 50%, #5EB248 100%);
    background: -webkit-linear-gradient(top, #AFDA9C 0%, #85C66E 50%, #5EB248 100%);
    background: linear-gradient(to bottom, #AFDA9C 0%, #85C66E 50%, #5EB248 100%);
}
</style>