#DCB5BA - #A8606D | 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 #DCB5BA to #A8606D

#DCB5BA #A8606D

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

#DCB5BA - #A8606D | 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 #DCB5BA as 0% and #A8606D as 100%.

0.0%	0.0% #DCB5BA	RGB 220 181 186	#DCB5BA
16.7%	16.7% #D3A6AD	RGB 211 166 173	#D3A6AD
33.3%	33.3% #CA98A0	RGB 202 152 160	#CA98A0
50.0%	50.0% #C28A93	RGB 194 138 147	#C28A93
66.7%	66.7% #B97C86	RGB 185 124 134	#B97C86
83.3%	83.3% #B06E79	RGB 176 110 121	#B06E79
100.0%	100.0% #A8606D	RGB 168 96 109	#A8606D

#DCB5BA #D3A6AD #CA98A0 #C28A93 #B97C86 #B06E79 #A8606D

#DCB5BA - #A8606D

HSV Blend

#DCB5BA - #A8606D | 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 #DCB5BA as 0% and #A8606D as 100%.

0.0%	0.0% #DCB5BA	RGB 220 181 186	#DCB5BA
16.7%	16.7% #D3A5AB	RGB 211 165 171	#D3A5AB
33.3%	33.3% #CA959D	RGB 202 149 157	#CA959D
50.0%	50.0% #C28790	RGB 194 135 144	#C28790
66.7%	66.7% #B97983	RGB 185 121 131	#B97983
83.3%	83.3% #B06C78	RGB 176 108 120	#B06C78
100.0%	100.0% #A8606D	RGB 168 96 109	#A8606D

#DCB5BA #D3A5AB #CA959D #C28790 #B97983 #B06C78 #A8606D

#DCB5BA - #C28790 - #A8606D

CSS codes

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

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