#5E3D4C - #8B9A94 | 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 #5E3D4C to #8B9A94

#5E3D4C #8B9A94

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

#5E3D4C - #8B9A94 | 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 #5E3D4C as 0% and #8B9A94 as 100%.

0.0%	0.0% #5E3D4C	RGB 94 61 76	#5E3D4C
16.7%	16.7% #654C58	RGB 101 76 88	#654C58
33.3%	33.3% #6D5C64	RGB 109 92 100	#6D5C64
50.0%	50.0% #746B70	RGB 116 107 112	#746B70
66.7%	66.7% #7C7B7C	RGB 124 123 124	#7C7B7C
83.3%	83.3% #838A88	RGB 131 138 136	#838A88
100.0%	100.0% #8B9A94	RGB 139 154 148	#8B9A94

#5E3D4C #654C58 #6D5C64 #746B70 #7C7B7C #838A88 #8B9A94

#5E3D4C - #8B9A94

HSV Blend

#5E3D4C - #8B9A94 | 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 #5E3D4C as 0% and #8B9A94 as 100%.

0.0%	0.0% #5E3D4C	RGB 94 61 76	#5E3D4C
16.7%	16.7% #684766	RGB 104 71 102	#684766
33.3%	33.3% #645372	RGB 100 83 114	#645372
50.0%	50.0% #62607C	RGB 98 96 124	#62607C
66.7%	66.7% #6D7786	RGB 109 119 134	#6D7786
83.3%	83.3% #7B8E90	RGB 123 142 144	#7B8E90
100.0%	100.0% #8B9A94	RGB 139 154 148	#8B9A94

#5E3D4C #684766 #645372 #62607C #6D7786 #7B8E90 #8B9A94

#5E3D4C - #62607C - #8B9A94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3D4C 0%, #62607C 50%, #8B9A94 100%);
    background: -webkit-linear-gradient(top, #5E3D4C 0%, #62607C 50%, #8B9A94 100%);
    background: linear-gradient(to bottom, #5E3D4C 0%, #62607C 50%, #8B9A94 100%);
}
</style>