#5E474E - #D06F81 | 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 #5E474E to #D06F81

#5E474E #D06F81

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

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

0.0%	0.0% #5E474E	RGB 94 71 78	#5E474E
16.7%	16.7% #714D56	RGB 113 77 86	#714D56
33.3%	33.3% #84545F	RGB 132 84 95	#84545F
50.0%	50.0% #975B67	RGB 151 91 103	#975B67
66.7%	66.7% #AA6170	RGB 170 97 112	#AA6170
83.3%	83.3% #BD6878	RGB 189 104 120	#BD6878
100.0%	100.0% #D06F81	RGB 208 111 129	#D06F81

#5E474E #714D56 #84545F #975B67 #AA6170 #BD6878 #D06F81

#5E474E - #D06F81

HSV Blend

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

0.0%	0.0% #5E474E	RGB 94 71 78	#5E474E
16.7%	16.7% #71515A	RGB 113 81 90	#71515A
33.3%	33.3% #845965	RGB 132 89 101	#845965
50.0%	50.0% #97616E	RGB 151 97 110	#97616E
66.7%	66.7% #AA6776	RGB 170 103 118	#AA6776
83.3%	83.3% #BD6B7C	RGB 189 107 124	#BD6B7C
100.0%	100.0% #D06F81	RGB 208 111 129	#D06F81

#5E474E #71515A #845965 #97616E #AA6776 #BD6B7C #D06F81

#5E474E - #97616E - #D06F81

CSS codes

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

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