#A8C5E6 - #EFE0FB | 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 #A8C5E6 to #EFE0FB

#A8C5E6 #EFE0FB

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

#A8C5E6 - #EFE0FB | 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 #A8C5E6 as 0% and #EFE0FB as 100%.

0.0%	0.0% #A8C5E6	RGB 168 197 230	#A8C5E6
16.7%	16.7% #B3C9E9	RGB 179 201 233	#B3C9E9
33.3%	33.3% #BFCEED	RGB 191 206 237	#BFCEED
50.0%	50.0% #CBD2F0	RGB 203 210 240	#CBD2F0
66.7%	66.7% #D7D7F4	RGB 215 215 244	#D7D7F4
83.3%	83.3% #E3DBF7	RGB 227 219 247	#E3DBF7
100.0%	100.0% #EFE0FB	RGB 239 224 251	#EFE0FB

#A8C5E6 #B3C9E9 #BFCEED #CBD2F0 #D7D7F4 #E3DBF7 #EFE0FB

#A8C5E6 - #EFE0FB

HSV Blend

#A8C5E6 - #EFE0FB | 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 #A8C5E6 as 0% and #EFE0FB as 100%.

0.0%	0.0% #A8C5E6	RGB 168 197 230	#A8C5E6
16.7%	16.7% #B0C1E9	RGB 176 193 233	#B0C1E9
33.3%	33.3% #B9C0ED	RGB 185 192 237	#B9C0ED
50.0%	50.0% #C5C3F0	RGB 197 195 240	#C5C3F0
66.7%	66.7% #D5CCF4	RGB 213 204 244	#D5CCF4
83.3%	83.3% #E3D6F7	RGB 227 214 247	#E3D6F7
100.0%	100.0% #EFE0FB	RGB 239 224 251	#EFE0FB

#A8C5E6 #B0C1E9 #B9C0ED #C5C3F0 #D5CCF4 #E3D6F7 #EFE0FB

#A8C5E6 - #C5C3F0 - #EFE0FB

CSS codes

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

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