#DFB9BD - #AC6570 | 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 #DFB9BD to #AC6570

#DFB9BD #AC6570

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

#DFB9BD - #AC6570 | 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 #DFB9BD as 0% and #AC6570 as 100%.

0.0%	0.0% #DFB9BD	RGB 223 185 189	#DFB9BD
16.7%	16.7% #D6ABB0	RGB 214 171 176	#D6ABB0
33.3%	33.3% #CE9DA3	RGB 206 157 163	#CE9DA3
50.0%	50.0% #C58F96	RGB 197 143 150	#C58F96
66.7%	66.7% #BD8189	RGB 189 129 137	#BD8189
83.3%	83.3% #B4737C	RGB 180 115 124	#B4737C
100.0%	100.0% #AC6570	RGB 172 101 112	#AC6570

#DFB9BD #D6ABB0 #CE9DA3 #C58F96 #BD8189 #B4737C #AC6570

#DFB9BD - #AC6570

HSV Blend

#DFB9BD - #AC6570 | 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 #DFB9BD as 0% and #AC6570 as 100%.

0.0%	0.0% #DFB9BD	RGB 223 185 189	#DFB9BD
16.7%	16.7% #D6A9AE	RGB 214 169 174	#D6A9AE
33.3%	33.3% #CE9AA0	RGB 206 154 160	#CE9AA0
50.0%	50.0% #C58B93	RGB 197 139 147	#C58B93
66.7%	66.7% #BD7E86	RGB 189 126 134	#BD7E86
83.3%	83.3% #B4717B	RGB 180 113 123	#B4717B
100.0%	100.0% #AC6570	RGB 172 101 112	#AC6570

#DFB9BD #D6A9AE #CE9AA0 #C58B93 #BD7E86 #B4717B #AC6570

#DFB9BD - #C58B93 - #AC6570

CSS codes

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

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