#5E425B - #16141D | 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 #5E425B to #16141D

#5E425B #16141D

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

#5E425B - #16141D | 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 #5E425B as 0% and #16141D as 100%.

0.0%	0.0% #5E425B	RGB 94 66 91	#5E425B
16.7%	16.7% #523A50	RGB 82 58 80	#523A50
33.3%	33.3% #463246	RGB 70 50 70	#463246
50.0%	50.0% #3A2B3C	RGB 58 43 60	#3A2B3C
66.7%	66.7% #2E2331	RGB 46 35 49	#2E2331
83.3%	83.3% #221B27	RGB 34 27 39	#221B27
100.0%	100.0% #16141D	RGB 22 20 29	#16141D

#5E425B #523A50 #463246 #3A2B3C #2E2331 #221B27 #16141D

#5E425B - #16141D

HSV Blend

#5E425B - #16141D | 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 #5E425B as 0% and #16141D as 100%.

0.0%	0.0% #5E425B	RGB 94 66 91	#5E425B
16.7%	16.7% #523A53	RGB 82 58 83	#523A53
33.3%	33.3% #443248	RGB 68 50 72	#443248
50.0%	50.0% #372A3D	RGB 55 42 61	#372A3D
66.7%	66.7% #2B2332	RGB 43 35 50	#2B2332
83.3%	83.3% #201B27	RGB 32 27 39	#201B27
100.0%	100.0% #16141D	RGB 22 20 29	#16141D

#5E425B #523A53 #443248 #372A3D #2B2332 #201B27 #16141D

#5E425B - #372A3D - #16141D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E425B 0%, #372A3D 50%, #16141D 100%);
    background: -webkit-linear-gradient(top, #5E425B 0%, #372A3D 50%, #16141D 100%);
    background: linear-gradient(to bottom, #5E425B 0%, #372A3D 50%, #16141D 100%);
}
</style>