#A2B5F0 - #CDDBE8 | 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 #A2B5F0 to #CDDBE8

#A2B5F0 #CDDBE8

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

#A2B5F0 - #CDDBE8 | 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 #A2B5F0 as 0% and #CDDBE8 as 100%.

0.0%	0.0% #A2B5F0	RGB 162 181 240	#A2B5F0
16.7%	16.7% #A9BBEE	RGB 169 187 238	#A9BBEE
33.3%	33.3% #B0C1ED	RGB 176 193 237	#B0C1ED
50.0%	50.0% #B7C8EC	RGB 183 200 236	#B7C8EC
66.7%	66.7% #BECEEA	RGB 190 206 234	#BECEEA
83.3%	83.3% #C5D4E9	RGB 197 212 233	#C5D4E9
100.0%	100.0% #CDDBE8	RGB 205 219 232	#CDDBE8

#A2B5F0 #A9BBEE #B0C1ED #B7C8EC #BECEEA #C5D4E9 #CDDBE8

#A2B5F0 - #CDDBE8

HSV Blend

#A2B5F0 - #CDDBE8 | 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 #A2B5F0 as 0% and #CDDBE8 as 100%.

0.0%	0.0% #A2B4F0	RGB 162 180 240	#A2B4F0
16.7%	16.7% #A9BDEE	RGB 169 189 238	#A9BDEE
33.3%	33.3% #B0C5ED	RGB 176 197 237	#B0C5ED
50.0%	50.0% #B7CBEC	RGB 183 203 236	#B7CBEC
66.7%	66.7% #BFD1EA	RGB 191 209 234	#BFD1EA
83.3%	83.3% #C6D6E9	RGB 198 214 233	#C6D6E9
100.0%	100.0% #CDDBE8	RGB 205 219 232	#CDDBE8

#A2B4F0 #A9BDEE #B0C5ED #B7CBEC #BFD1EA #C6D6E9 #CDDBE8

#A2B5F0 - #B7CBEC - #CDDBE8

CSS codes

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

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