#A1FF9E - #DAECDB | 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 #A1FF9E to #DAECDB

#A1FF9E #DAECDB

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

#A1FF9E - #DAECDB | 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 #A1FF9E as 0% and #DAECDB as 100%.

0.0%	0.0% #A1FF9E	RGB 161 255 158	#A1FF9E
16.7%	16.7% #AAFBA8	RGB 170 251 168	#AAFBA8
33.3%	33.3% #B4F8B2	RGB 180 248 178	#B4F8B2
50.0%	50.0% #BDF5BC	RGB 189 245 188	#BDF5BC
66.7%	66.7% #C7F2C6	RGB 199 242 198	#C7F2C6
83.3%	83.3% #D0EFD0	RGB 208 239 208	#D0EFD0
100.0%	100.0% #DAECDB	RGB 218 236 219	#DAECDB

#A1FF9E #AAFBA8 #B4F8B2 #BDF5BC #C7F2C6 #D0EFD0 #DAECDB

#A1FF9E - #DAECDB

HSV Blend

#A1FF9E - #DAECDB | 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 #A1FF9E as 0% and #DAECDB as 100%.

0.0%	0.0% #A1FF9E	RGB 161 255 158	#A1FF9E
16.7%	16.7% #AAFBA8	RGB 170 251 168	#AAFBA8
33.3%	33.3% #B3F8B3	RGB 179 248 179	#B3F8B3
50.0%	50.0% #BDF5BE	RGB 189 245 190	#BDF5BE
66.7%	66.7% #C7F2C8	RGB 199 242 200	#C7F2C8
83.3%	83.3% #D0EFD2	RGB 208 239 210	#D0EFD2
100.0%	100.0% #DAECDB	RGB 218 236 219	#DAECDB

#A1FF9E #AAFBA8 #B3F8B3 #BDF5BE #C7F2C8 #D0EFD2 #DAECDB

#A1FF9E - #BDF5BE - #DAECDB

CSS codes

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

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