#A2D5E6 - #EBE4E1 | 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 #A2D5E6 to #EBE4E1

#A2D5E6 #EBE4E1

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

#A2D5E6 - #EBE4E1 | 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 #A2D5E6 as 0% and #EBE4E1 as 100%.

0.0%	0.0% #A2D5E6	RGB 162 213 230	#A2D5E6
16.7%	16.7% #AED7E5	RGB 174 215 229	#AED7E5
33.3%	33.3% #BADAE4	RGB 186 218 228	#BADAE4
50.0%	50.0% #C6DCE3	RGB 198 220 227	#C6DCE3
66.7%	66.7% #D2DFE2	RGB 210 223 226	#D2DFE2
83.3%	83.3% #DEE1E1	RGB 222 225 225	#DEE1E1
100.0%	100.0% #EBE4E1	RGB 235 228 225	#EBE4E1

#A2D5E6 #AED7E5 #BADAE4 #C6DCE3 #D2DFE2 #DEE1E1 #EBE4E1

#A2D5E6 - #EBE4E1

HSV Blend

#A2D5E6 - #EBE4E1 | 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 #A2D5E6 as 0% and #EBE4E1 as 100%.

0.0%	0.0% #A2D5E6	RGB 162 213 230	#A2D5E6
16.7%	16.7% #ACE6D8	RGB 172 230 216	#ACE6D8
33.3%	33.3% #B6E7C3	RGB 182 231 195	#B6E7C3
50.0%	50.0% #CAE8C1	RGB 202 232 193	#CAE8C1
66.7%	66.7% #E0E9CB	RGB 224 233 203	#E0E9CB
83.3%	83.3% #EAE6D6	RGB 234 230 214	#EAE6D6
100.0%	100.0% #EBE4E1	RGB 235 228 225	#EBE4E1

#A2D5E6 #ACE6D8 #B6E7C3 #CAE8C1 #E0E9CB #EAE6D6 #EBE4E1

#A2D5E6 - #CAE8C1 - #EBE4E1

CSS codes

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

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