#5E305C - #440314 | 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 #5E305C to #440314

#5E305C #440314

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

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

0.0%	0.0% #5E305C	RGB 94 48 92	#5E305C
16.7%	16.7% #592850	RGB 89 40 80	#592850
33.3%	33.3% #552144	RGB 85 33 68	#552144
50.0%	50.0% #511938	RGB 81 25 56	#511938
66.7%	66.7% #4C122C	RGB 76 18 44	#4C122C
83.3%	83.3% #480A20	RGB 72 10 32	#480A20
100.0%	100.0% #440314	RGB 68 3 20	#440314

#5E305C #592850 #552144 #511938 #4C122C #480A20 #440314

#5E305C - #440314

HSV Blend

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

0.0%	0.0% #5E305C	RGB 94 48 92	#5E305C
16.7%	16.7% #592651	RGB 89 38 81	#592651
33.3%	33.3% #551E46	RGB 85 30 70	#551E46
50.0%	50.0% #51163A	RGB 81 22 58	#51163A
66.7%	66.7% #4C0F2D	RGB 76 15 45	#4C0F2D
83.3%	83.3% #480820	RGB 72 8 32	#480820
100.0%	100.0% #440314	RGB 68 3 20	#440314

#5E305C #592651 #551E46 #51163A #4C0F2D #480820 #440314

#5E305C - #51163A - #440314

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E305C 0%, #51163A 50%, #440314 100%);
    background: -webkit-linear-gradient(top, #5E305C 0%, #51163A 50%, #440314 100%);
    background: linear-gradient(to bottom, #5E305C 0%, #51163A 50%, #440314 100%);
}
</style>