#A0FFE6 - #EDE5C6 | 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 #A0FFE6 to #EDE5C6

#A0FFE6 #EDE5C6

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

#A0FFE6 - #EDE5C6 | 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 #A0FFE6 as 0% and #EDE5C6 as 100%.

0.0%	0.0% #A0FFE6	RGB 160 255 230	#A0FFE6
16.7%	16.7% #ACFAE0	RGB 172 250 224	#ACFAE0
33.3%	33.3% #B9F6DB	RGB 185 246 219	#B9F6DB
50.0%	50.0% #C6F2D6	RGB 198 242 214	#C6F2D6
66.7%	66.7% #D3EDD0	RGB 211 237 208	#D3EDD0
83.3%	83.3% #E0E9CB	RGB 224 233 203	#E0E9CB
100.0%	100.0% #EDE5C6	RGB 237 229 198	#EDE5C6

#A0FFE6 #ACFAE0 #B9F6DB #C6F2D6 #D3EDD0 #E0E9CB #EDE5C6

#A0FFE6 - #EDE5C6

HSV Blend

#A0FFE6 - #EDE5C6 | 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 #A0FFE6 as 0% and #EDE5C6 as 100%.

0.0%	0.0% #A0FFE6	RGB 160 255 230	#A0FFE6
16.7%	16.7% #A6FCCA	RGB 166 252 202	#A6FCCA
33.3%	33.3% #ADF9B4	RGB 173 249 180	#ADF9B4
50.0%	50.0% #C3F6B3	RGB 195 246 179	#C3F6B3
66.7%	66.7% #D9F3BA	RGB 217 243 186	#D9F3BA
83.3%	83.3% #EAF0C0	RGB 234 240 192	#EAF0C0
100.0%	100.0% #EDE5C6	RGB 237 229 198	#EDE5C6

#A0FFE6 #A6FCCA #ADF9B4 #C3F6B3 #D9F3BA #EAF0C0 #EDE5C6

#A0FFE6 - #C3F6B3 - #EDE5C6

CSS codes

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

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