#5C2D5E - #AF9977 | 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 #5C2D5E to #AF9977

#5C2D5E #AF9977

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

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

0.0%	0.0% #5C2D5E	RGB 92 45 94	#5C2D5E
16.7%	16.7% #693F62	RGB 105 63 98	#693F62
33.3%	33.3% #775166	RGB 119 81 102	#775166
50.0%	50.0% #85636A	RGB 133 99 106	#85636A
66.7%	66.7% #93756E	RGB 147 117 110	#93756E
83.3%	83.3% #A18772	RGB 161 135 114	#A18772
100.0%	100.0% #AF9977	RGB 175 153 119	#AF9977

#5C2D5E #693F62 #775166 #85636A #93756E #A18772 #AF9977

#5C2D5E - #AF9977

HSV Blend

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

0.0%	0.0% #5C2D5E	RGB 92 45 94	#5C2D5E
16.7%	16.7% #6B375F	RGB 107 55 95	#6B375F
33.3%	33.3% #79425D	RGB 121 66 93	#79425D
50.0%	50.0% #864D5A	RGB 134 77 90	#864D5A
66.7%	66.7% #945E5A	RGB 148 94 90	#945E5A
83.3%	83.3% #A17B68	RGB 161 123 104	#A17B68
100.0%	100.0% #AF9977	RGB 175 153 119	#AF9977

#5C2D5E #6B375F #79425D #864D5A #945E5A #A17B68 #AF9977

#5C2D5E - #864D5A - #AF9977

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C2D5E 0%, #864D5A 50%, #AF9977 100%);
    background: -webkit-linear-gradient(top, #5C2D5E 0%, #864D5A 50%, #AF9977 100%);
    background: linear-gradient(to bottom, #5C2D5E 0%, #864D5A 50%, #AF9977 100%);
}
</style>