#D1CFD1 - #A77BA3 | 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 #D1CFD1 to #A77BA3

#D1CFD1 #A77BA3

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

#D1CFD1 - #A77BA3 | 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 #D1CFD1 as 0% and #A77BA3 as 100%.

0.0%	0.0% #D1CFD1	RGB 209 207 209	#D1CFD1
16.7%	16.7% #CAC1C9	RGB 202 193 201	#CAC1C9
33.3%	33.3% #C3B3C1	RGB 195 179 193	#C3B3C1
50.0%	50.0% #BCA5BA	RGB 188 165 186	#BCA5BA
66.7%	66.7% #B597B2	RGB 181 151 178	#B597B2
83.3%	83.3% #AE89AA	RGB 174 137 170	#AE89AA
100.0%	100.0% #A77BA3	RGB 167 123 163	#A77BA3

#D1CFD1 #CAC1C9 #C3B3C1 #BCA5BA #B597B2 #AE89AA #A77BA3

#D1CFD1 - #A77BA3

HSV Blend

#D1CFD1 - #A77BA3 | 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 #D1CFD1 as 0% and #A77BA3 as 100%.

0.0%	0.0% #D1CFD1	RGB 209 207 209	#D1CFD1
16.7%	16.7% #CABFC9	RGB 202 191 201	#CABFC9
33.3%	33.3% #C3B0C2	RGB 195 176 194	#C3B0C2
50.0%	50.0% #BCA2BA	RGB 188 162 186	#BCA2BA
66.7%	66.7% #B594B3	RGB 181 148 179	#B594B3
83.3%	83.3% #AE87AB	RGB 174 135 171	#AE87AB
100.0%	100.0% #A77BA3	RGB 167 123 163	#A77BA3

#D1CFD1 #CABFC9 #C3B0C2 #BCA2BA #B594B3 #AE87AB #A77BA3

#D1CFD1 - #BCA2BA - #A77BA3

CSS codes

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

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