#5E364C - #C97D71 | 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 #5E364C to #C97D71

#5E364C #C97D71

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

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

0.0%	0.0% #5E364C	RGB 94 54 76	#5E364C
16.7%	16.7% #6F4152	RGB 111 65 82	#6F4152
33.3%	33.3% #814D58	RGB 129 77 88	#814D58
50.0%	50.0% #93595E	RGB 147 89 94	#93595E
66.7%	66.7% #A56564	RGB 165 101 100	#A56564
83.3%	83.3% #B7716A	RGB 183 113 106	#B7716A
100.0%	100.0% #C97D71	RGB 201 125 113	#C97D71

#5E364C #6F4152 #814D58 #93595E #A56564 #B7716A #C97D71

#5E364C - #C97D71

HSV Blend

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

0.0%	0.0% #5E364B	RGB 94 54 75	#5E364B
16.7%	16.7% #6F4054	RGB 111 64 84	#6F4054
33.3%	33.3% #81495B	RGB 129 73 91	#81495B
50.0%	50.0% #935360	RGB 147 83 96	#935360
66.7%	66.7% #A55D64	RGB 165 93 100	#A55D64
83.3%	83.3% #B76967	RGB 183 105 103	#B76967
100.0%	100.0% #C97D71	RGB 201 125 113	#C97D71

#5E364B #6F4054 #81495B #935360 #A55D64 #B76967 #C97D71

#5E364C - #935360 - #C97D71

CSS codes

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

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