#5E265B - #410013 | 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 #5E265B to #410013

#5E265B #410013

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

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

0.0%	0.0% #5E265B	RGB 94 38 91	#5E265B
16.7%	16.7% #591F4F	RGB 89 31 79	#591F4F
33.3%	33.3% #541943	RGB 84 25 67	#541943
50.0%	50.0% #4F1337	RGB 79 19 55	#4F1337
66.7%	66.7% #4A0C2B	RGB 74 12 43	#4A0C2B
83.3%	83.3% #45061F	RGB 69 6 31	#45061F
100.0%	100.0% #410013	RGB 65 0 19	#410013

#5E265B #591F4F #541943 #4F1337 #4A0C2B #45061F #410013

#5E265B - #410013

HSV Blend

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

0.0%	0.0% #5E265B	RGB 94 38 91	#5E265B
16.7%	16.7% #591E4F	RGB 89 30 79	#591E4F
33.3%	33.3% #541643	RGB 84 22 67	#541643
50.0%	50.0% #4F1037	RGB 79 16 55	#4F1037
66.7%	66.7% #4A0A2B	RGB 74 10 43	#4A0A2B
83.3%	83.3% #45041E	RGB 69 4 30	#45041E
100.0%	100.0% #410013	RGB 65 0 19	#410013

#5E265B #591E4F #541643 #4F1037 #4A0A2B #45041E #410013

#5E265B - #4F1037 - #410013

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E265B 0%, #4F1037 50%, #410013 100%);
    background: -webkit-linear-gradient(top, #5E265B 0%, #4F1037 50%, #410013 100%);
    background: linear-gradient(to bottom, #5E265B 0%, #4F1037 50%, #410013 100%);
}
</style>