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

#ADB5EF #CDDBE8

Calculate the color between two colors, #ADB5EF 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)

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

0.0%	0.0% #ADB5EF	RGB 173 181 239	#ADB5EF
16.7%	16.7% #B2BBED	RGB 178 187 237	#B2BBED
33.3%	33.3% #B7C1EC	RGB 183 193 236	#B7C1EC
50.0%	50.0% #BDC8EB	RGB 189 200 235	#BDC8EB
66.7%	66.7% #C2CEEA	RGB 194 206 234	#C2CEEA
83.3%	83.3% #C7D4E9	RGB 199 212 233	#C7D4E9
100.0%	100.0% #CDDBE8	RGB 205 219 232	#CDDBE8

#ADB5EF #B2BBED #B7C1EC #BDC8EB #C2CEEA #C7D4E9 #CDDBE8

#ADB5EF - #CDDBE8

HSV Blend

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

0.0%	0.0% #ADB5EF	RGB 173 181 239	#ADB5EF
16.7%	16.7% #B2BDED	RGB 178 189 237	#B2BDED
33.3%	33.3% #B7C5EC	RGB 183 197 236	#B7C5EC
50.0%	50.0% #BDCCEB	RGB 189 204 235	#BDCCEB
66.7%	66.7% #C2D1EA	RGB 194 209 234	#C2D1EA
83.3%	83.3% #C7D6E9	RGB 199 214 233	#C7D6E9
100.0%	100.0% #CDDBE8	RGB 205 219 232	#CDDBE8

#ADB5EF #B2BDED #B7C5EC #BDCCEB #C2D1EA #C7D6E9 #CDDBE8

#ADB5EF - #BDCCEB - #CDDBE8

CSS codes

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

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