#ADA8C1 - #DAD9C7 | 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 #ADA8C1 to #DAD9C7

#ADA8C1 #DAD9C7

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

#ADA8C1 - #DAD9C7 | 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 #ADA8C1 as 0% and #DAD9C7 as 100%.

0.0%	0.0% #ADA8C1	RGB 173 168 193	#ADA8C1
16.7%	16.7% #B4B0C2	RGB 180 176 194	#B4B0C2
33.3%	33.3% #BCB8C3	RGB 188 184 195	#BCB8C3
50.0%	50.0% #C3C0C4	RGB 195 192 196	#C3C0C4
66.7%	66.7% #CBC8C5	RGB 203 200 197	#CBC8C5
83.3%	83.3% #D2D0C6	RGB 210 208 198	#D2D0C6
100.0%	100.0% #DAD9C7	RGB 218 217 199	#DAD9C7

#ADA8C1 #B4B0C2 #BCB8C3 #C3C0C4 #CBC8C5 #D2D0C6 #DAD9C7

#ADA8C1 - #DAD9C7

HSV Blend

#ADA8C1 - #DAD9C7 | 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 #ADA8C1 as 0% and #DAD9C7 as 100%.

0.0%	0.0% #ADA8C1	RGB 173 168 193	#ADA8C1
16.7%	16.7% #BCADC5	RGB 188 173 197	#BCADC5
33.3%	33.3% #C9B2C6	RGB 201 178 198	#C9B2C6
50.0%	50.0% #CDB7C0	RGB 205 183 192	#CDB7C0
66.7%	66.7% #D1BDBC	RGB 209 189 188	#D1BDBC
83.3%	83.3% #D5CBC1	RGB 213 203 193	#D5CBC1
100.0%	100.0% #DAD9C7	RGB 218 217 199	#DAD9C7

#ADA8C1 #BCADC5 #C9B2C6 #CDB7C0 #D1BDBC #D5CBC1 #DAD9C7

#ADA8C1 - #CDB7C0 - #DAD9C7

CSS codes

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

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