#A2CDC6 - #E4F0ED | 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 #A2CDC6 to #E4F0ED

#A2CDC6 #E4F0ED

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

#A2CDC6 - #E4F0ED | 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 #A2CDC6 as 0% and #E4F0ED as 100%.

0.0%	0.0% #A2CDC6	RGB 162 205 198	#A2CDC6
16.7%	16.7% #ADD2CC	RGB 173 210 204	#ADD2CC
33.3%	33.3% #B8D8D3	RGB 184 216 211	#B8D8D3
50.0%	50.0% #C3DED9	RGB 195 222 217	#C3DED9
66.7%	66.7% #CEE4E0	RGB 206 228 224	#CEE4E0
83.3%	83.3% #D9EAE6	RGB 217 234 230	#D9EAE6
100.0%	100.0% #E4F0ED	RGB 228 240 237	#E4F0ED

#A2CDC6 #ADD2CC #B8D8D3 #C3DED9 #CEE4E0 #D9EAE6 #E4F0ED

#A2CDC6 - #E4F0ED

HSV Blend

#A2CDC6 - #E4F0ED | 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 #A2CDC6 as 0% and #E4F0ED as 100%.

0.0%	0.0% #A2CDC6	RGB 162 205 198	#A2CDC6
16.7%	16.7% #ACD2CB	RGB 172 210 203	#ACD2CB
33.3%	33.3% #B6D8D2	RGB 182 216 210	#B6D8D2
50.0%	50.0% #C1DED8	RGB 193 222 216	#C1DED8
66.7%	66.7% #CCE4DF	RGB 204 228 223	#CCE4DF
83.3%	83.3% #D8EAE5	RGB 216 234 229	#D8EAE5
100.0%	100.0% #E4F0ED	RGB 228 240 237	#E4F0ED

#A2CDC6 #ACD2CB #B6D8D2 #C1DED8 #CCE4DF #D8EAE5 #E4F0ED

#A2CDC6 - #C1DED8 - #E4F0ED

CSS codes

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

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