#ADB9C8 - #CAC0FF | 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 #ADB9C8 to #CAC0FF

#ADB9C8 #CAC0FF

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

#ADB9C8 - #CAC0FF | 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 #ADB9C8 as 0% and #CAC0FF as 100%.

0.0%	0.0% #ADB9C8	RGB 173 185 200	#ADB9C8
16.7%	16.7% #B1BAD1	RGB 177 186 209	#B1BAD1
33.3%	33.3% #B6BBDA	RGB 182 187 218	#B6BBDA
50.0%	50.0% #BBBCE3	RGB 187 188 227	#BBBCE3
66.7%	66.7% #C0BDEC	RGB 192 189 236	#C0BDEC
83.3%	83.3% #C5BEF5	RGB 197 190 245	#C5BEF5
100.0%	100.0% #CAC0FF	RGB 202 192 255	#CAC0FF

#ADB9C8 #B1BAD1 #B6BBDA #BBBCE3 #C0BDEC #C5BEF5 #CAC0FF

#ADB9C8 - #CAC0FF

HSV Blend

#ADB9C8 - #CAC0FF | 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 #ADB9C8 as 0% and #CAC0FF as 100%.

0.0%	0.0% #ADB9C8	RGB 173 185 200	#ADB9C8
16.7%	16.7% #B1BCD1	RGB 177 188 209	#B1BCD1
33.3%	33.3% #B4BDDA	RGB 180 189 218	#B4BDDA
50.0%	50.0% #B8BEE3	RGB 184 190 227	#B8BEE3
66.7%	66.7% #BBBDEC	RGB 187 189 236	#BBBDEC
83.3%	83.3% #C0BDF5	RGB 192 189 245	#C0BDF5
100.0%	100.0% #CAC0FF	RGB 202 192 255	#CAC0FF

#ADB9C8 #B1BCD1 #B4BDDA #B8BEE3 #BBBDEC #C0BDF5 #CAC0FF

#ADB9C8 - #B8BEE3 - #CAC0FF

CSS codes

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

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