#5A323C - #CFC4C7 | 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 #5A323C to #CFC4C7

#5A323C #CFC4C7

Calculate the color between two colors, #5A323C and #CFC4C7. 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)

#5A323C - #CFC4C7 | 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 #5A323C as 0% and #CFC4C7 as 100%.

0.0%	0.0% #5A323C	RGB 90 50 60	#5A323C
16.7%	16.7% #6D4A53	RGB 109 74 83	#6D4A53
33.3%	33.3% #81626A	RGB 129 98 106	#81626A
50.0%	50.0% #947B81	RGB 148 123 129	#947B81
66.7%	66.7% #A89398	RGB 168 147 152	#A89398
83.3%	83.3% #BBABAF	RGB 187 171 175	#BBABAF
100.0%	100.0% #CFC4C7	RGB 207 196 199	#CFC4C7

#5A323C #6D4A53 #81626A #947B81 #A89398 #BBABAF #CFC4C7

#5A323C - #CFC4C7

HSV Blend

#5A323C - #CFC4C7 | 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 #5A323C as 0% and #CFC4C7 as 100%.

0.0%	0.0% #5A323C	RGB 90 50 60	#5A323C
16.7%	16.7% #6D434E	RGB 109 67 78	#6D434E
33.3%	33.3% #815862	RGB 129 88 98	#815862
50.0%	50.0% #946F79	RGB 148 111 121	#946F79
66.7%	66.7% #A88991	RGB 168 137 145	#A88991
83.3%	83.3% #BBA5AB	RGB 187 165 171	#BBA5AB
100.0%	100.0% #CFC4C7	RGB 207 196 199	#CFC4C7

#5A323C #6D434E #815862 #946F79 #A88991 #BBA5AB #CFC4C7

#5A323C - #946F79 - #CFC4C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A323C 0%, #946F79 50%, #CFC4C7 100%);
    background: -webkit-linear-gradient(top, #5A323C 0%, #946F79 50%, #CFC4C7 100%);
    background: linear-gradient(to bottom, #5A323C 0%, #946F79 50%, #CFC4C7 100%);
}
</style>