#A1BEDB - #ADFFC3 | 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 #A1BEDB to #ADFFC3

#A1BEDB #ADFFC3

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

#A1BEDB - #ADFFC3 | 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 #A1BEDB as 0% and #ADFFC3 as 100%.

0.0%	0.0% #A1BEDB	RGB 161 190 219	#A1BEDB
16.7%	16.7% #A3C8D7	RGB 163 200 215	#A3C8D7
33.3%	33.3% #A5D3D3	RGB 165 211 211	#A5D3D3
50.0%	50.0% #A7DECF	RGB 167 222 207	#A7DECF
66.7%	66.7% #A9E9CB	RGB 169 233 203	#A9E9CB
83.3%	83.3% #ABF4C7	RGB 171 244 199	#ABF4C7
100.0%	100.0% #ADFFC3	RGB 173 255 195	#ADFFC3

#A1BEDB #A3C8D7 #A5D3D3 #A7DECF #A9E9CB #ABF4C7 #ADFFC3

#A1BEDB - #ADFFC3

HSV Blend

#A1BEDB - #ADFFC3 | 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 #A1BEDB as 0% and #ADFFC3 as 100%.

0.0%	0.0% #A1BEDB	RGB 161 190 219	#A1BEDB
16.7%	16.7% #A3CEE1	RGB 163 206 225	#A3CEE1
33.3%	33.3% #A5E1E7	RGB 165 225 231	#A5E1E7
50.0%	50.0% #A7EDE4	RGB 167 237 228	#A7EDE4
66.7%	66.7% #A9F3DB	RGB 169 243 219	#A9F3DB
83.3%	83.3% #ABF9D0	RGB 171 249 208	#ABF9D0
100.0%	100.0% #ADFFC3	RGB 173 255 195	#ADFFC3

#A1BEDB #A3CEE1 #A5E1E7 #A7EDE4 #A9F3DB #ABF9D0 #ADFFC3

#A1BEDB - #A7EDE4 - #ADFFC3

CSS codes

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

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