#D4A8A2 - #BA5A4C | 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 #D4A8A2 to #BA5A4C

#D4A8A2 #BA5A4C

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

#D4A8A2 - #BA5A4C | 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 #D4A8A2 as 0% and #BA5A4C as 100%.

0.0%	0.0% #D4A8A2	RGB 212 168 162	#D4A8A2
16.7%	16.7% #CF9B93	RGB 207 155 147	#CF9B93
33.3%	33.3% #CB8E85	RGB 203 142 133	#CB8E85
50.0%	50.0% #C78177	RGB 199 129 119	#C78177
66.7%	66.7% #C27468	RGB 194 116 104	#C27468
83.3%	83.3% #BE675A	RGB 190 103 90	#BE675A
100.0%	100.0% #BA5A4C	RGB 186 90 76	#BA5A4C

#D4A8A2 #CF9B93 #CB8E85 #C78177 #C27468 #BE675A #BA5A4C

#D4A8A2 - #BA5A4C

HSV Blend

#D4A8A2 - #BA5A4C | 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 #D4A8A2 as 0% and #BA5A4C as 100%.

0.0%	0.0% #D4A8A2	RGB 212 168 162	#D4A8A2
16.7%	16.7% #CF9992	RGB 207 153 146	#CF9992
33.3%	33.3% #CB8C83	RGB 203 140 131	#CB8C83
50.0%	50.0% #C77E74	RGB 199 126 116	#C77E74
66.7%	66.7% #C27266	RGB 194 114 102	#C27266
83.3%	83.3% #BE6559	RGB 190 101 89	#BE6559
100.0%	100.0% #BA5A4C	RGB 186 90 76	#BA5A4C

#D4A8A2 #CF9992 #CB8C83 #C77E74 #C27266 #BE6559 #BA5A4C

#D4A8A2 - #C77E74 - #BA5A4C

CSS codes

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

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