#5E405C - #15141D | 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 #5E405C to #15141D

#5E405C #15141D

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

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

0.0%	0.0% #5E405C	RGB 94 64 92	#5E405C
16.7%	16.7% #513851	RGB 81 56 81	#513851
33.3%	33.3% #453147	RGB 69 49 71	#453147
50.0%	50.0% #392A3C	RGB 57 42 60	#392A3C
66.7%	66.7% #2D2232	RGB 45 34 50	#2D2232
83.3%	83.3% #211B27	RGB 33 27 39	#211B27
100.0%	100.0% #15141D	RGB 21 20 29	#15141D

#5E405C #513851 #453147 #392A3C #2D2232 #211B27 #15141D

#5E405C - #15141D

HSV Blend

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

0.0%	0.0% #5E405C	RGB 94 64 92	#5E405C
16.7%	16.7% #503853	RGB 80 56 83	#503853
33.3%	33.3% #423148	RGB 66 49 72	#423148
50.0%	50.0% #352A3D	RGB 53 42 61	#352A3D
66.7%	66.7% #292232	RGB 41 34 50	#292232
83.3%	83.3% #1E1B27	RGB 30 27 39	#1E1B27
100.0%	100.0% #15141D	RGB 21 20 29	#15141D

#5E405C #503853 #423148 #352A3D #292232 #1E1B27 #15141D

#5E405C - #352A3D - #15141D

CSS codes

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

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