#DFDBDC - #B58F9F | 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 #DFDBDC to #B58F9F

#DFDBDC #B58F9F

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

#DFDBDC - #B58F9F | 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 #DFDBDC as 0% and #B58F9F as 100%.

0.0%	0.0% #DFDBDC	RGB 223 219 220	#DFDBDC
16.7%	16.7% #D8CED1	RGB 216 206 209	#D8CED1
33.3%	33.3% #D1C1C7	RGB 209 193 199	#D1C1C7
50.0%	50.0% #CAB5BD	RGB 202 181 189	#CAB5BD
66.7%	66.7% #C3A8B3	RGB 195 168 179	#C3A8B3
83.3%	83.3% #BC9BA9	RGB 188 155 169	#BC9BA9
100.0%	100.0% #B58F9F	RGB 181 143 159	#B58F9F

#DFDBDC #D8CED1 #D1C1C7 #CAB5BD #C3A8B3 #BC9BA9 #B58F9F

#DFDBDC - #B58F9F

HSV Blend

#DFDBDC - #B58F9F | 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 #DFDBDC as 0% and #B58F9F as 100%.

0.0%	0.0% #DFDBDC	RGB 223 219 220	#DFDBDC
16.7%	16.7% #D8CDD0	RGB 216 205 208	#D8CDD0
33.3%	33.3% #D1BFC5	RGB 209 191 197	#D1BFC5
50.0%	50.0% #CAB2BA	RGB 202 178 186	#CAB2BA
66.7%	66.7% #C3A6B0	RGB 195 166 176	#C3A6B0
83.3%	83.3% #BC9AA7	RGB 188 154 167	#BC9AA7
100.0%	100.0% #B58F9F	RGB 181 143 159	#B58F9F

#DFDBDC #D8CDD0 #D1BFC5 #CAB2BA #C3A6B0 #BC9AA7 #B58F9F

#DFDBDC - #CAB2BA - #B58F9F

CSS codes

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

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