#A5B3FE - #EEE5E5 | 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 #A5B3FE to #EEE5E5

#A5B3FE #EEE5E5

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

#A5B3FE - #EEE5E5 | 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 #A5B3FE as 0% and #EEE5E5 as 100%.

0.0%	0.0% #A5B3FE	RGB 165 179 254	#A5B3FE
16.7%	16.7% #B1BBF9	RGB 177 187 249	#B1BBF9
33.3%	33.3% #BDC3F5	RGB 189 195 245	#BDC3F5
50.0%	50.0% #C9CCF1	RGB 201 204 241	#C9CCF1
66.7%	66.7% #D5D4ED	RGB 213 212 237	#D5D4ED
83.3%	83.3% #E1DCE9	RGB 225 220 233	#E1DCE9
100.0%	100.0% #EEE5E5	RGB 238 229 229	#EEE5E5

#A5B3FE #B1BBF9 #BDC3F5 #C9CCF1 #D5D4ED #E1DCE9 #EEE5E5

#A5B3FE - #EEE5E5

HSV Blend

#A5B3FE - #EEE5E5 | 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 #A5B3FE as 0% and #EEE5E5 as 100%.

0.0%	0.0% #A5B2FE	RGB 165 178 254	#A5B2FE
16.7%	16.7% #BFB0FB	RGB 191 176 251	#BFB0FB
33.3%	33.3% #DDBBF8	RGB 221 187 248	#DDBBF8
50.0%	50.0% #F2C6F6	RGB 242 198 246	#F2C6F6
66.7%	66.7% #F3D0E9	RGB 243 208 233	#F3D0E9
83.3%	83.3% #F0DBE2	RGB 240 219 226	#F0DBE2
100.0%	100.0% #EEE5E5	RGB 238 229 229	#EEE5E5

#A5B2FE #BFB0FB #DDBBF8 #F2C6F6 #F3D0E9 #F0DBE2 #EEE5E5

#A5B3FE - #F2C6F6 - #EEE5E5

CSS codes

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

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