#A8DF8F - #DAFFFE | 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 #A8DF8F to #DAFFFE

#A8DF8F #DAFFFE

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

#A8DF8F - #DAFFFE | 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 #A8DF8F as 0% and #DAFFFE as 100%.

0.0%	0.0% #A8DF8F	RGB 168 223 143	#A8DF8F
16.7%	16.7% #B0E4A1	RGB 176 228 161	#B0E4A1
33.3%	33.3% #B8E9B4	RGB 184 233 180	#B8E9B4
50.0%	50.0% #C1EFC6	RGB 193 239 198	#C1EFC6
66.7%	66.7% #C9F4D9	RGB 201 244 217	#C9F4D9
83.3%	83.3% #D1F9EB	RGB 209 249 235	#D1F9EB
100.0%	100.0% #DAFFFE	RGB 218 255 254	#DAFFFE

#A8DF8F #B0E4A1 #B8E9B4 #C1EFC6 #C9F4D9 #D1F9EB #DAFFFE

#A8DF8F - #DAFFFE

HSV Blend

#A8DF8F - #DAFFFE | 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 #A8DF8F as 0% and #DAFFFE as 100%.

0.0%	0.0% #A8DF8F	RGB 168 223 143	#A8DF8F
16.7%	16.7% #A1E49A	RGB 161 228 154	#A1E49A
33.3%	33.3% #A6E9AE	RGB 166 233 174	#A6E9AE
50.0%	50.0% #B2EFC6	RGB 178 239 198	#B2EFC6
66.7%	66.7% #BFF4DC	RGB 191 244 220	#BFF4DC
83.3%	83.3% #CCF9EE	RGB 204 249 238	#CCF9EE
100.0%	100.0% #DAFFFE	RGB 218 255 254	#DAFFFE

#A8DF8F #A1E49A #A6E9AE #B2EFC6 #BFF4DC #CCF9EE #DAFFFE

#A8DF8F - #B2EFC6 - #DAFFFE

CSS codes

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

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