#ADB8F2 - #CEDCEA | 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 #ADB8F2 to #CEDCEA

#ADB8F2 #CEDCEA

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

#ADB8F2 - #CEDCEA | 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 #ADB8F2 as 0% and #CEDCEA as 100%.

0.0%	0.0% #ADB8F2	RGB 173 184 242	#ADB8F2
16.7%	16.7% #B2BEF0	RGB 178 190 240	#B2BEF0
33.3%	33.3% #B8C4EF	RGB 184 196 239	#B8C4EF
50.0%	50.0% #BDCAEE	RGB 189 202 238	#BDCAEE
66.7%	66.7% #C3D0EC	RGB 195 208 236	#C3D0EC
83.3%	83.3% #C8D6EB	RGB 200 214 235	#C8D6EB
100.0%	100.0% #CEDCEA	RGB 206 220 234	#CEDCEA

#ADB8F2 #B2BEF0 #B8C4EF #BDCAEE #C3D0EC #C8D6EB #CEDCEA

#ADB8F2 - #CEDCEA

HSV Blend

#ADB8F2 - #CEDCEA | 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 #ADB8F2 as 0% and #CEDCEA as 100%.

0.0%	0.0% #ADB8F2	RGB 173 184 242	#ADB8F2
16.7%	16.7% #B2C0F0	RGB 178 192 240	#B2C0F0
33.3%	33.3% #B8C7EF	RGB 184 199 239	#B8C7EF
50.0%	50.0% #BDCDEE	RGB 189 205 238	#BDCDEE
66.7%	66.7% #C3D3EC	RGB 195 211 236	#C3D3EC
83.3%	83.3% #C8D8EB	RGB 200 216 235	#C8D8EB
100.0%	100.0% #CEDCEA	RGB 206 220 234	#CEDCEA

#ADB8F2 #B2C0F0 #B8C7EF #BDCDEE #C3D3EC #C8D8EB #CEDCEA

#ADB8F2 - #BDCDEE - #CEDCEA

CSS codes

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

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