#C59DA4 - #382C2E | 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 #C59DA4 to #382C2E

#C59DA4 #382C2E

Calculate the color between two colors, #C59DA4 and #382C2E. 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)

#C59DA4 - #382C2E | 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 #C59DA4 as 0% and #382C2E as 100%.

0.0%	0.0% #C59DA4	RGB 197 157 164	#C59DA4
16.7%	16.7% #AD8A90	RGB 173 138 144	#AD8A90
33.3%	33.3% #96777C	RGB 150 119 124	#96777C
50.0%	50.0% #7E6469	RGB 126 100 105	#7E6469
66.7%	66.7% #675155	RGB 103 81 85	#675155
83.3%	83.3% #4F3E41	RGB 79 62 65	#4F3E41
100.0%	100.0% #382C2E	RGB 56 44 46	#382C2E

#C59DA4 #AD8A90 #96777C #7E6469 #675155 #4F3E41 #382C2E

#C59DA4 - #382C2E

HSV Blend

#C59DA4 - #382C2E | 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 #C59DA4 as 0% and #382C2E as 100%.

0.0%	0.0% #C59DA4	RGB 197 157 164	#C59DA4
16.7%	16.7% #AD8990	RGB 173 137 144	#AD8990
33.3%	33.3% #96767C	RGB 150 118 124	#96767C
50.0%	50.0% #7E6468	RGB 126 100 104	#7E6468
66.7%	66.7% #675154	RGB 103 81 84	#675154
83.3%	83.3% #4F3E41	RGB 79 62 65	#4F3E41
100.0%	100.0% #382C2E	RGB 56 44 46	#382C2E

#C59DA4 #AD8990 #96767C #7E6468 #675154 #4F3E41 #382C2E

#C59DA4 - #7E6468 - #382C2E

CSS codes

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

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