#5E3A4D - #CB8272 | 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 #5E3A4D to #CB8272

#5E3A4D #CB8272

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

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

0.0%	0.0% #5E3A4D	RGB 94 58 77	#5E3A4D
16.7%	16.7% #704653	RGB 112 70 83	#704653
33.3%	33.3% #825259	RGB 130 82 89	#825259
50.0%	50.0% #945E5F	RGB 148 94 95	#945E5F
66.7%	66.7% #A66A65	RGB 166 106 101	#A66A65
83.3%	83.3% #B8766B	RGB 184 118 107	#B8766B
100.0%	100.0% #CB8272	RGB 203 130 114	#CB8272

#5E3A4D #704653 #825259 #945E5F #A66A65 #B8766B #CB8272

#5E3A4D - #CB8272

HSV Blend

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

0.0%	0.0% #5E3A4D	RGB 94 58 77	#5E3A4D
16.7%	16.7% #704456	RGB 112 68 86	#704456
33.3%	33.3% #824E5D	RGB 130 78 93	#824E5D
50.0%	50.0% #945762	RGB 148 87 98	#945762
66.7%	66.7% #A66064	RGB 166 96 100	#A66064
83.3%	83.3% #B86E69	RGB 184 110 105	#B86E69
100.0%	100.0% #CB8272	RGB 203 130 114	#CB8272

#5E3A4D #704456 #824E5D #945762 #A66064 #B86E69 #CB8272

#5E3A4D - #945762 - #CB8272

CSS codes

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

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