#5E4458 - #450E14 | 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 #5E4458 to #450E14

#5E4458 #450E14

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

#5E4458 - #450E14 | 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 #5E4458 as 0% and #450E14 as 100%.

0.0%	0.0% #5E4458	RGB 94 68 88	#5E4458
16.7%	16.7% #593B4C	RGB 89 59 76	#593B4C
33.3%	33.3% #553241	RGB 85 50 65	#553241
50.0%	50.0% #512936	RGB 81 41 54	#512936
66.7%	66.7% #4D202A	RGB 77 32 42	#4D202A
83.3%	83.3% #49171F	RGB 73 23 31	#49171F
100.0%	100.0% #450E14	RGB 69 14 20	#450E14

#5E4458 #593B4C #553241 #512936 #4D202A #49171F #450E14

#5E4458 - #450E14

HSV Blend

#5E4458 - #450E14 | 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 #5E4458 as 0% and #450E14 as 100%.

0.0%	0.0% #5E4458	RGB 94 68 88	#5E4458
16.7%	16.7% #59394E	RGB 89 57 78	#59394E
33.3%	33.3% #552F44	RGB 85 47 68	#552F44
50.0%	50.0% #512538	RGB 81 37 56	#512538
66.7%	66.7% #4D1D2C	RGB 77 29 44	#4D1D2C
83.3%	83.3% #491520	RGB 73 21 32	#491520
100.0%	100.0% #450E14	RGB 69 14 20	#450E14

#5E4458 #59394E #552F44 #512538 #4D1D2C #491520 #450E14

#5E4458 - #512538 - #450E14

CSS codes

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

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