#5E264A - #37060E | 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 #5E264A to #37060E

#5E264A #37060E

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

#5E264A - #37060E | 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 #5E264A as 0% and #37060E as 100%.

0.0%	0.0% #5E264A	RGB 94 38 74	#5E264A
16.7%	16.7% #572040	RGB 87 32 64	#572040
33.3%	33.3% #511B36	RGB 81 27 54	#511B36
50.0%	50.0% #4A162C	RGB 74 22 44	#4A162C
66.7%	66.7% #441022	RGB 68 16 34	#441022
83.3%	83.3% #3D0B18	RGB 61 11 24	#3D0B18
100.0%	100.0% #37060E	RGB 55 6 14	#37060E

#5E264A #572040 #511B36 #4A162C #441022 #3D0B18 #37060E

#5E264A - #37060E

HSV Blend

#5E264A - #37060E | 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 #5E264A as 0% and #37060E as 100%.

0.0%	0.0% #5E264A	RGB 94 38 74	#5E264A
16.7%	16.7% #571F3E	RGB 87 31 62	#571F3E
33.3%	33.3% #511833	RGB 81 24 51	#511833
50.0%	50.0% #4A1329	RGB 74 19 41	#4A1329
66.7%	66.7% #440E1F	RGB 68 14 31	#440E1F
83.3%	83.3% #3D0916	RGB 61 9 22	#3D0916
100.0%	100.0% #37060E	RGB 55 6 14	#37060E

#5E264A #571F3E #511833 #4A1329 #440E1F #3D0916 #37060E

#5E264A - #4A1329 - #37060E

CSS codes

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

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