#7A4747 - #D9CACA | 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 #7A4747 to #D9CACA

#7A4747 #D9CACA

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

#7A4747 - #D9CACA | 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 #7A4747 as 0% and #D9CACA as 100%.

0.0%	0.0% #7A4747	RGB 122 71 71	#7A4747
16.7%	16.7% #895C5C	RGB 137 92 92	#895C5C
33.3%	33.3% #997272	RGB 153 114 114	#997272
50.0%	50.0% #A98888	RGB 169 136 136	#A98888
66.7%	66.7% #B99E9E	RGB 185 158 158	#B99E9E
83.3%	83.3% #C9B4B4	RGB 201 180 180	#C9B4B4
100.0%	100.0% #D9CACA	RGB 217 202 202	#D9CACA

#7A4747 #895C5C #997272 #A98888 #B99E9E #C9B4B4 #D9CACA

#7A4747 - #D9CACA

HSV Blend

#7A4747 - #D9CACA | 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 #7A4747 as 0% and #D9CACA as 100%.

0.0%	0.0% #7A4747	RGB 122 71 71	#7A4747
16.7%	16.7% #895858	RGB 137 88 88	#895858
33.3%	33.3% #996B6B	RGB 153 107 107	#996B6B
50.0%	50.0% #A98080	RGB 169 128 128	#A98080
66.7%	66.7% #B99696	RGB 185 150 150	#B99696
83.3%	83.3% #C9AFAF	RGB 201 175 175	#C9AFAF
100.0%	100.0% #D9CACA	RGB 217 202 202	#D9CACA

#7A4747 #895858 #996B6B #A98080 #B99696 #C9AFAF #D9CACA

#7A4747 - #A98080 - #D9CACA

CSS codes

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

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