#A8D4C0 - #E1CEFF | 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 #A8D4C0 to #E1CEFF

#A8D4C0 #E1CEFF

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

#A8D4C0 - #E1CEFF | 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 #A8D4C0 as 0% and #E1CEFF as 100%.

0.0%	0.0% #A8D4C0	RGB 168 212 192	#A8D4C0
16.7%	16.7% #B1D3CA	RGB 177 211 202	#B1D3CA
33.3%	33.3% #BBD2D5	RGB 187 210 213	#BBD2D5
50.0%	50.0% #C4D1DF	RGB 196 209 223	#C4D1DF
66.7%	66.7% #CED0EA	RGB 206 208 234	#CED0EA
83.3%	83.3% #D7CFF4	RGB 215 207 244	#D7CFF4
100.0%	100.0% #E1CEFF	RGB 225 206 255	#E1CEFF

#A8D4C0 #B1D3CA #BBD2D5 #C4D1DF #CED0EA #D7CFF4 #E1CEFF

#A8D4C0 - #E1CEFF

HSV Blend

#A8D4C0 - #E1CEFF | 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 #A8D4C0 as 0% and #E1CEFF as 100%.

0.0%	0.0% #A8D4C0	RGB 168 212 192	#A8D4C0
16.7%	16.7% #AEDBD4	RGB 174 219 212	#AEDBD4
33.3%	33.3% #B4DBE2	RGB 180 219 226	#B4DBE2
50.0%	50.0% #BAD3E9	RGB 186 211 233	#BAD3E9
66.7%	66.7% #C1CBF0	RGB 193 203 240	#C1CBF0
83.3%	83.3% #CBC7F7	RGB 203 199 247	#CBC7F7
100.0%	100.0% #E1CEFF	RGB 225 206 255	#E1CEFF

#A8D4C0 #AEDBD4 #B4DBE2 #BAD3E9 #C1CBF0 #CBC7F7 #E1CEFF

#A8D4C0 - #BAD3E9 - #E1CEFF

CSS codes

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

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