#DFBCC9 - #A05A5E | 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 #DFBCC9 to #A05A5E

#DFBCC9 #A05A5E

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

#DFBCC9 - #A05A5E | 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 #DFBCC9 as 0% and #A05A5E as 100%.

0.0%	0.0% #DFBCC9	RGB 223 188 201	#DFBCC9
16.7%	16.7% #D4ABB7	RGB 212 171 183	#D4ABB7
33.3%	33.3% #CA9BA5	RGB 202 155 165	#CA9BA5
50.0%	50.0% #BF8B93	RGB 191 139 147	#BF8B93
66.7%	66.7% #B57A81	RGB 181 122 129	#B57A81
83.3%	83.3% #AA6A6F	RGB 170 106 111	#AA6A6F
100.0%	100.0% #A05A5E	RGB 160 90 94	#A05A5E

#DFBCC9 #D4ABB7 #CA9BA5 #BF8B93 #B57A81 #AA6A6F #A05A5E

#DFBCC9 - #A05A5E

HSV Blend

#DFBCC9 - #A05A5E | 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 #DFBCC9 as 0% and #A05A5E as 100%.

0.0%	0.0% #DFBCC9	RGB 223 188 201	#DFBCC9
16.7%	16.7% #D4A9B7	RGB 212 169 183	#D4A9B7
33.3%	33.3% #CA97A4	RGB 202 151 164	#CA97A4
50.0%	50.0% #BF8692	RGB 191 134 146	#BF8692
66.7%	66.7% #B57680	RGB 181 118 128	#B57680
83.3%	83.3% #AA676F	RGB 170 103 111	#AA676F
100.0%	100.0% #A05A5E	RGB 160 90 94	#A05A5E

#DFBCC9 #D4A9B7 #CA97A4 #BF8692 #B57680 #AA676F #A05A5E

#DFBCC9 - #BF8692 - #A05A5E

CSS codes

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

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