#A8ADC4 - #DBD6CB | 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 #A8ADC4 to #DBD6CB

#A8ADC4 #DBD6CB

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

#A8ADC4 - #DBD6CB | 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 #A8ADC4 as 0% and #DBD6CB as 100%.

0.0%	0.0% #A8ADC4	RGB 168 173 196	#A8ADC4
16.7%	16.7% #B0B3C5	RGB 176 179 197	#B0B3C5
33.3%	33.3% #B9BAC6	RGB 185 186 198	#B9BAC6
50.0%	50.0% #C1C1C7	RGB 193 193 199	#C1C1C7
66.7%	66.7% #CAC8C8	RGB 202 200 200	#CAC8C8
83.3%	83.3% #D2CFC9	RGB 210 207 201	#D2CFC9
100.0%	100.0% #DBD6CB	RGB 219 214 203	#DBD6CB

#A8ADC4 #B0B3C5 #B9BAC6 #C1C1C7 #CAC8C8 #D2CFC9 #DBD6CB

#A8ADC4 - #DBD6CB

HSV Blend

#A8ADC4 - #DBD6CB | 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 #A8ADC4 as 0% and #DBD6CB as 100%.

0.0%	0.0% #A8ADC4	RGB 168 173 196	#A8ADC4
16.7%	16.7% #B5ADC7	RGB 181 173 199	#B5ADC7
33.3%	33.3% #C6B3CB	RGB 198 179 203	#C6B3CB
50.0%	50.0% #CFB9C9	RGB 207 185 201	#CFB9C9
66.7%	66.7% #D3BEC4	RGB 211 190 196	#D3BEC4
83.3%	83.3% #D7C8C4	RGB 215 200 196	#D7C8C4
100.0%	100.0% #DBD6CB	RGB 219 214 203	#DBD6CB

#A8ADC4 #B5ADC7 #C6B3CB #CFB9C9 #D3BEC4 #D7C8C4 #DBD6CB

#A8ADC4 - #CFB9C9 - #DBD6CB

CSS codes

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

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