#A1ACE9 - #CAD7E4 | 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 #A1ACE9 to #CAD7E4

#A1ACE9 #CAD7E4

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

#A1ACE9 - #CAD7E4 | 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 #A1ACE9 as 0% and #CAD7E4 as 100%.

0.0%	0.0% #A1ACE9	RGB 161 172 233	#A1ACE9
16.7%	16.7% #A7B3E8	RGB 167 179 232	#A7B3E8
33.3%	33.3% #AEBAE7	RGB 174 186 231	#AEBAE7
50.0%	50.0% #B5C1E6	RGB 181 193 230	#B5C1E6
66.7%	66.7% #BCC8E5	RGB 188 200 229	#BCC8E5
83.3%	83.3% #C3CFE4	RGB 195 207 228	#C3CFE4
100.0%	100.0% #CAD7E4	RGB 202 215 228	#CAD7E4

#A1ACE9 #A7B3E8 #AEBAE7 #B5C1E6 #BCC8E5 #C3CFE4 #CAD7E4

#A1ACE9 - #CAD7E4

HSV Blend

#A1ACE9 - #CAD7E4 | 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 #A1ACE9 as 0% and #CAD7E4 as 100%.

0.0%	0.0% #A1ACE9	RGB 161 172 233	#A1ACE9
16.7%	16.7% #A7B5E8	RGB 167 181 232	#A7B5E8
33.3%	33.3% #AEBEE7	RGB 174 190 231	#AEBEE7
50.0%	50.0% #B5C5E6	RGB 181 197 230	#B5C5E6
66.7%	66.7% #BCCCE5	RGB 188 204 229	#BCCCE5
83.3%	83.3% #C3D2E4	RGB 195 210 228	#C3D2E4
100.0%	100.0% #CAD7E4	RGB 202 215 228	#CAD7E4

#A1ACE9 #A7B5E8 #AEBEE7 #B5C5E6 #BCCCE5 #C3D2E4 #CAD7E4

#A1ACE9 - #B5C5E6 - #CAD7E4

CSS codes

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

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