#DFDADC - #B68DAA | 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 #DFDADC to #B68DAA

#DFDADC #B68DAA

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

#DFDADC - #B68DAA | 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 #DFDADC as 0% and #B68DAA as 100%.

0.0%	0.0% #DFDADC	RGB 223 218 220	#DFDADC
16.7%	16.7% #D8CDD3	RGB 216 205 211	#D8CDD3
33.3%	33.3% #D1C0CB	RGB 209 192 203	#D1C0CB
50.0%	50.0% #CAB3C3	RGB 202 179 195	#CAB3C3
66.7%	66.7% #C3A6BA	RGB 195 166 186	#C3A6BA
83.3%	83.3% #BC99B2	RGB 188 153 178	#BC99B2
100.0%	100.0% #B68DAA	RGB 182 141 170	#B68DAA

#DFDADC #D8CDD3 #D1C0CB #CAB3C3 #C3A6BA #BC99B2 #B68DAA

#DFDADC - #B68DAA

HSV Blend

#DFDADC - #B68DAA | 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 #DFDADC as 0% and #B68DAA as 100%.

0.0%	0.0% #DFDADC	RGB 223 218 220	#DFDADC
16.7%	16.7% #D8CCD1	RGB 216 204 209	#D8CCD1
33.3%	33.3% #D1BEC7	RGB 209 190 199	#D1BEC7
50.0%	50.0% #CAB1BF	RGB 202 177 191	#CAB1BF
66.7%	66.7% #C3A4B7	RGB 195 164 183	#C3A4B7
83.3%	83.3% #BC98B0	RGB 188 152 176	#BC98B0
100.0%	100.0% #B68DAA	RGB 182 141 170	#B68DAA

#DFDADC #D8CCD1 #D1BEC7 #CAB1BF #C3A4B7 #BC98B0 #B68DAA

#DFDADC - #CAB1BF - #B68DAA

CSS codes

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

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