#D3C5C8 - #A0757E | 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 #D3C5C8 to #A0757E

#D3C5C8 #A0757E

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

#D3C5C8 - #A0757E | 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 #D3C5C8 as 0% and #A0757E as 100%.

0.0%	0.0% #D3C5C8	RGB 211 197 200	#D3C5C8
16.7%	16.7% #CAB7BB	RGB 202 183 187	#CAB7BB
33.3%	33.3% #C2AAAF	RGB 194 170 175	#C2AAAF
50.0%	50.0% #B99DA3	RGB 185 157 163	#B99DA3
66.7%	66.7% #B18F96	RGB 177 143 150	#B18F96
83.3%	83.3% #A8828A	RGB 168 130 138	#A8828A
100.0%	100.0% #A0757E	RGB 160 117 126	#A0757E

#D3C5C8 #CAB7BB #C2AAAF #B99DA3 #B18F96 #A8828A #A0757E

#D3C5C8 - #A0757E

HSV Blend

#D3C5C8 - #A0757E | 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 #D3C5C8 as 0% and #A0757E as 100%.

0.0%	0.0% #D3C5C8	RGB 211 197 200	#D3C5C8
16.7%	16.7% #CAB6BA	RGB 202 182 186	#CAB6BA
33.3%	33.3% #C2A8AD	RGB 194 168 173	#C2A8AD
50.0%	50.0% #B99AA1	RGB 185 154 161	#B99AA1
66.7%	66.7% #B18D94	RGB 177 141 148	#B18D94
83.3%	83.3% #A88089	RGB 168 128 137	#A88089
100.0%	100.0% #A0757E	RGB 160 117 126	#A0757E

#D3C5C8 #CAB6BA #C2A8AD #B99AA1 #B18D94 #A88089 #A0757E

#D3C5C8 - #B99AA1 - #A0757E

CSS codes

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

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