#A0FFD7 - #DBFFAF | 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 #A0FFD7 to #DBFFAF

#A0FFD7 #DBFFAF

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

#A0FFD7 - #DBFFAF | 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 #A0FFD7 as 0% and #DBFFAF as 100%.

0.0%	0.0% #A0FFD7	RGB 160 255 215	#A0FFD7
16.7%	16.7% #A9FFD0	RGB 169 255 208	#A9FFD0
33.3%	33.3% #B3FFC9	RGB 179 255 201	#B3FFC9
50.0%	50.0% #BDFFC3	RGB 189 255 195	#BDFFC3
66.7%	66.7% #C7FFBC	RGB 199 255 188	#C7FFBC
83.3%	83.3% #D1FFB5	RGB 209 255 181	#D1FFB5
100.0%	100.0% #DBFFAF	RGB 219 255 175	#DBFFAF

#A0FFD7 #A9FFD0 #B3FFC9 #BDFFC3 #C7FFBC #D1FFB5 #DBFFAF

#A0FFD7 - #DBFFAF

HSV Blend

#A0FFD7 - #DBFFAF | 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 #A0FFD7 as 0% and #DBFFAF as 100%.

0.0%	0.0% #A0FFD7	RGB 160 255 215	#A0FFD7
16.7%	16.7% #A2FFC6	RGB 162 255 198	#A2FFC6
33.3%	33.3% #A5FFB7	RGB 165 255 183	#A5FFB7
50.0%	50.0% #A7FFA8	RGB 167 255 168	#A7FFA8
66.7%	66.7% #B8FFAA	RGB 184 255 170	#B8FFAA
83.3%	83.3% #CAFFAC	RGB 202 255 172	#CAFFAC
100.0%	100.0% #DBFFAF	RGB 219 255 175	#DBFFAF

#A0FFD7 #A2FFC6 #A5FFB7 #A7FFA8 #B8FFAA #CAFFAC #DBFFAF

#A0FFD7 - #A7FFA8 - #DBFFAF

CSS codes

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

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