#5E4151 - #51071F | 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 #5E4151 to #51071F

#5E4151 #51071F

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

#5E4151 - #51071F | 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 #5E4151 as 0% and #51071F as 100%.

0.0%	0.0% #5E4151	RGB 94 65 81	#5E4151
16.7%	16.7% #5B3748	RGB 91 55 72	#5B3748
33.3%	33.3% #592D40	RGB 89 45 64	#592D40
50.0%	50.0% #572438	RGB 87 36 56	#572438
66.7%	66.7% #551A2F	RGB 85 26 47	#551A2F
83.3%	83.3% #531027	RGB 83 16 39	#531027
100.0%	100.0% #51071F	RGB 81 7 31	#51071F

#5E4151 #5B3748 #592D40 #572438 #551A2F #531027 #51071F

#5E4151 - #51071F

HSV Blend

#5E4151 - #51071F | 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 #5E4151 as 0% and #51071F as 100%.

0.0%	0.0% #5E4151	RGB 94 65 81	#5E4151
16.7%	16.7% #5B3649	RGB 91 54 73	#5B3649
33.3%	33.3% #592B41	RGB 89 43 65	#592B41
50.0%	50.0% #572239	RGB 87 34 57	#572239
66.7%	66.7% #551830	RGB 85 24 48	#551830
83.3%	83.3% #530F28	RGB 83 15 40	#530F28
100.0%	100.0% #51071F	RGB 81 7 31	#51071F

#5E4151 #5B3649 #592B41 #572239 #551830 #530F28 #51071F

#5E4151 - #572239 - #51071F

CSS codes

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

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