#5E364B - #C97D6F | 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 #5E364B to #C97D6F

#5E364B #C97D6F

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

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

0.0%	0.0% #5E364B	RGB 94 54 75	#5E364B
16.7%	16.7% #6F4151	RGB 111 65 81	#6F4151
33.3%	33.3% #814D57	RGB 129 77 87	#814D57
50.0%	50.0% #93595D	RGB 147 89 93	#93595D
66.7%	66.7% #A56563	RGB 165 101 99	#A56563
83.3%	83.3% #B77169	RGB 183 113 105	#B77169
100.0%	100.0% #C97D6F	RGB 201 125 111	#C97D6F

#5E364B #6F4151 #814D57 #93595D #A56563 #B77169 #C97D6F

#5E364B - #C97D6F

HSV Blend

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

0.0%	0.0% #5E364A	RGB 94 54 74	#5E364A
16.7%	16.7% #6F3F53	RGB 111 63 83	#6F3F53
33.3%	33.3% #81495A	RGB 129 73 90	#81495A
50.0%	50.0% #93535E	RGB 147 83 94	#93535E
66.7%	66.7% #A55C61	RGB 165 92 97	#A55C61
83.3%	83.3% #B76965	RGB 183 105 101	#B76965
100.0%	100.0% #C97D6F	RGB 201 125 111	#C97D6F

#5E364A #6F3F53 #81495A #93535E #A55C61 #B76965 #C97D6F

#5E364B - #93535E - #C97D6F

CSS codes

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

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