#5E394F - #CB8175 | 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 #5E394F to #CB8175

#5E394F #CB8175

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

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

0.0%	0.0% #5E394F	RGB 94 57 79	#5E394F
16.7%	16.7% #704555	RGB 112 69 85	#704555
33.3%	33.3% #82515B	RGB 130 81 91	#82515B
50.0%	50.0% #945D62	RGB 148 93 98	#945D62
66.7%	66.7% #A66968	RGB 166 105 104	#A66968
83.3%	83.3% #B8756E	RGB 184 117 110	#B8756E
100.0%	100.0% #CB8175	RGB 203 129 117	#CB8175

#5E394F #704555 #82515B #945D62 #A66968 #B8756E #CB8175

#5E394F - #CB8175

HSV Blend

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

0.0%	0.0% #5E394F	RGB 94 57 79	#5E394F
16.7%	16.7% #704358	RGB 112 67 88	#704358
33.3%	33.3% #824D60	RGB 130 77 96	#824D60
50.0%	50.0% #945765	RGB 148 87 101	#945765
66.7%	66.7% #A66168	RGB 166 97 104	#A66168
83.3%	83.3% #B86C6B	RGB 184 108 107	#B86C6B
100.0%	100.0% #CB8175	RGB 203 129 117	#CB8175

#5E394F #704358 #824D60 #945765 #A66168 #B86C6B #CB8175

#5E394F - #945765 - #CB8175

CSS codes

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

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