#A8CEE7 - #E4E2E2 | 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 #A8CEE7 to #E4E2E2

#A8CEE7 #E4E2E2

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

#A8CEE7 - #E4E2E2 | 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 #A8CEE7 as 0% and #E4E2E2 as 100%.

0.0%	0.0% #A8CEE7	RGB 168 206 231	#A8CEE7
16.7%	16.7% #B2D1E6	RGB 178 209 230	#B2D1E6
33.3%	33.3% #BCD4E5	RGB 188 212 229	#BCD4E5
50.0%	50.0% #C6D8E4	RGB 198 216 228	#C6D8E4
66.7%	66.7% #D0DBE3	RGB 208 219 227	#D0DBE3
83.3%	83.3% #DADEE2	RGB 218 222 226	#DADEE2
100.0%	100.0% #E4E2E2	RGB 228 226 226	#E4E2E2

#A8CEE7 #B2D1E6 #BCD4E5 #C6D8E4 #D0DBE3 #DADEE2 #E4E2E2

#A8CEE7 - #E4E2E2

HSV Blend

#A8CEE7 - #E4E2E2 | 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 #A8CEE7 as 0% and #E4E2E2 as 100%.

0.0%	0.0% #A8CEE7	RGB 168 206 231	#A8CEE7
16.7%	16.7% #B1BAE6	RGB 177 186 230	#B1BAE6
33.3%	33.3% #C6BBE6	RGB 198 187 230	#C6BBE6
50.0%	50.0% #DBC5E5	RGB 219 197 229	#DBC5E5
66.7%	66.7% #E5CEE2	RGB 229 206 226	#E5CEE2
83.3%	83.3% #E4D8DD	RGB 228 216 221	#E4D8DD
100.0%	100.0% #E4E2E2	RGB 228 226 226	#E4E2E2

#A8CEE7 #B1BAE6 #C6BBE6 #DBC5E5 #E5CEE2 #E4D8DD #E4E2E2

#A8CEE7 - #DBC5E5 - #E4E2E2

CSS codes

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

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