#DFB5BA - #AC606D | 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 #DFB5BA to #AC606D

#DFB5BA #AC606D

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

#DFB5BA - #AC606D | 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 #DFB5BA as 0% and #AC606D as 100%.

0.0%	0.0% #DFB5BA	RGB 223 181 186	#DFB5BA
16.7%	16.7% #D6A6AD	RGB 214 166 173	#D6A6AD
33.3%	33.3% #CE98A0	RGB 206 152 160	#CE98A0
50.0%	50.0% #C58A93	RGB 197 138 147	#C58A93
66.7%	66.7% #BD7C86	RGB 189 124 134	#BD7C86
83.3%	83.3% #B46E79	RGB 180 110 121	#B46E79
100.0%	100.0% #AC606D	RGB 172 96 109	#AC606D

#DFB5BA #D6A6AD #CE98A0 #C58A93 #BD7C86 #B46E79 #AC606D

#DFB5BA - #AC606D

HSV Blend

#DFB5BA - #AC606D | 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 #DFB5BA as 0% and #AC606D as 100%.

0.0%	0.0% #DFB5BA	RGB 223 181 186	#DFB5BA
16.7%	16.7% #D6A5AB	RGB 214 165 171	#D6A5AB
33.3%	33.3% #CE959D	RGB 206 149 157	#CE959D
50.0%	50.0% #C58790	RGB 197 135 144	#C58790
66.7%	66.7% #BD7983	RGB 189 121 131	#BD7983
83.3%	83.3% #B46C78	RGB 180 108 120	#B46C78
100.0%	100.0% #AC606D	RGB 172 96 109	#AC606D

#DFB5BA #D6A5AB #CE959D #C58790 #BD7983 #B46C78 #AC606D

#DFB5BA - #C58790 - #AC606D

CSS codes

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

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