#5E103F - #34061C | 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 #5E103F to #34061C

#5E103F #34061C

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

#5E103F - #34061C | 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 #5E103F as 0% and #34061C as 100%.

0.0%	0.0% #5E103F	RGB 94 16 63	#5E103F
16.7%	16.7% #570E39	RGB 87 14 57	#570E39
33.3%	33.3% #500C33	RGB 80 12 51	#500C33
50.0%	50.0% #490B2D	RGB 73 11 45	#490B2D
66.7%	66.7% #420927	RGB 66 9 39	#420927
83.3%	83.3% #3B0721	RGB 59 7 33	#3B0721
100.0%	100.0% #34061C	RGB 52 6 28	#34061C

#5E103F #570E39 #500C33 #490B2D #420927 #3B0721 #34061C

#5E103F - #34061C

HSV Blend

#5E103F - #34061C | 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 #5E103F as 0% and #34061C as 100%.

0.0%	0.0% #5E0F3E	RGB 94 15 62	#5E0F3E
16.7%	16.7% #570E38	RGB 87 14 56	#570E38
33.3%	33.3% #500C32	RGB 80 12 50	#500C32
50.0%	50.0% #490A2C	RGB 73 10 44	#490A2C
66.7%	66.7% #420826	RGB 66 8 38	#420826
83.3%	83.3% #3B0721	RGB 59 7 33	#3B0721
100.0%	100.0% #34061C	RGB 52 6 28	#34061C

#5E0F3E #570E38 #500C32 #490A2C #420826 #3B0721 #34061C

#5E103F - #490A2C - #34061C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0F3E 0%, #490A2C 50%, #34061C 100%);
    background: -webkit-linear-gradient(top, #5E0F3E 0%, #490A2C 50%, #34061C 100%);
    background: linear-gradient(to bottom, #5E0F3E 0%, #490A2C 50%, #34061C 100%);
}
</style>