#5E2040 - #30060D | 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 #5E2040 to #30060D

#5E2040 #30060D

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

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

0.0%	0.0% #5E2040	RGB 94 32 64	#5E2040
16.7%	16.7% #561B37	RGB 86 27 55	#561B37
33.3%	33.3% #4E172F	RGB 78 23 47	#4E172F
50.0%	50.0% #471326	RGB 71 19 38	#471326
66.7%	66.7% #3F0E1E	RGB 63 14 30	#3F0E1E
83.3%	83.3% #370A15	RGB 55 10 21	#370A15
100.0%	100.0% #30060D	RGB 48 6 13	#30060D

#5E2040 #561B37 #4E172F #471326 #3F0E1E #370A15 #30060D

#5E2040 - #30060D

HSV Blend

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

0.0%	0.0% #5E203F	RGB 94 32 63	#5E203F
16.7%	16.7% #561A35	RGB 86 26 53	#561A35
33.3%	33.3% #4E152C	RGB 78 21 44	#4E152C
50.0%	50.0% #471023	RGB 71 16 35	#471023
66.7%	66.7% #3F0C1A	RGB 63 12 26	#3F0C1A
83.3%	83.3% #370813	RGB 55 8 19	#370813
100.0%	100.0% #30060D	RGB 48 6 13	#30060D

#5E203F #561A35 #4E152C #471023 #3F0C1A #370813 #30060D

#5E2040 - #471023 - #30060D

CSS codes

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

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