#A8D4CC - #E2CCFF | 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 #A8D4CC to #E2CCFF

#A8D4CC #E2CCFF

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

#A8D4CC - #E2CCFF | 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 #A8D4CC as 0% and #E2CCFF as 100%.

0.0%	0.0% #A8D4CC	RGB 168 212 204	#A8D4CC
16.7%	16.7% #B1D2D4	RGB 177 210 212	#B1D2D4
33.3%	33.3% #BBD1DD	RGB 187 209 221	#BBD1DD
50.0%	50.0% #C5D0E5	RGB 197 208 229	#C5D0E5
66.7%	66.7% #CECEEE	RGB 206 206 238	#CECEEE
83.3%	83.3% #D8CDF6	RGB 216 205 246	#D8CDF6
100.0%	100.0% #E2CCFF	RGB 226 204 255	#E2CCFF

#A8D4CC #B1D2D4 #BBD1DD #C5D0E5 #CECEEE #D8CDF6 #E2CCFF

#A8D4CC - #E2CCFF

HSV Blend

#A8D4CC - #E2CCFF | 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 #A8D4CC as 0% and #E2CCFF as 100%.

0.0%	0.0% #A8D4CC	RGB 168 212 204	#A8D4CC
16.7%	16.7% #ADD7DB	RGB 173 215 219	#ADD7DB
33.3%	33.3% #B3D1E2	RGB 179 209 226	#B3D1E2
50.0%	50.0% #B9CBE9	RGB 185 203 233	#B9CBE9
66.7%	66.7% #BFC5F0	RGB 191 197 240	#BFC5F0
83.3%	83.3% #CEC5F7	RGB 206 197 247	#CEC5F7
100.0%	100.0% #E2CCFF	RGB 226 204 255	#E2CCFF

#A8D4CC #ADD7DB #B3D1E2 #B9CBE9 #BFC5F0 #CEC5F7 #E2CCFF

#A8D4CC - #B9CBE9 - #E2CCFF

CSS codes

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

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