#A0FFD8 - #F5E7C2 | 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 #A0FFD8 to #F5E7C2

#A0FFD8 #F5E7C2

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

#A0FFD8 - #F5E7C2 | 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 #A0FFD8 as 0% and #F5E7C2 as 100%.

0.0%	0.0% #A0FFD8	RGB 160 255 216	#A0FFD8
16.7%	16.7% #AEFBD4	RGB 174 251 212	#AEFBD4
33.3%	33.3% #BCF7D0	RGB 188 247 208	#BCF7D0
50.0%	50.0% #CAF3CD	RGB 202 243 205	#CAF3CD
66.7%	66.7% #D8EFC9	RGB 216 239 201	#D8EFC9
83.3%	83.3% #E6EBC5	RGB 230 235 197	#E6EBC5
100.0%	100.0% #F5E7C2	RGB 245 231 194	#F5E7C2

#A0FFD8 #AEFBD4 #BCF7D0 #CAF3CD #D8EFC9 #E6EBC5 #F5E7C2

#A0FFD8 - #F5E7C2

HSV Blend

#A0FFD8 - #F5E7C2 | 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 #A0FFD8 as 0% and #F5E7C2 as 100%.

0.0%	0.0% #A0FFD8	RGB 160 255 216	#A0FFD8
16.7%	16.7% #A5FDBE	RGB 165 253 190	#A5FDBE
33.3%	33.3% #AEFBAB	RGB 174 251 171	#AEFBAB
50.0%	50.0% #CAFAB1	RGB 202 250 177	#CAFAB1
66.7%	66.7% #E1F8B7	RGB 225 248 183	#E1F8B7
83.3%	83.3% #F4F6BC	RGB 244 246 188	#F4F6BC
100.0%	100.0% #F5E7C2	RGB 245 231 194	#F5E7C2

#A0FFD8 #A5FDBE #AEFBAB #CAFAB1 #E1F8B7 #F4F6BC #F5E7C2

#A0FFD8 - #CAFAB1 - #F5E7C2

CSS codes

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

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