#785E5E - #2D192A | 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 #785E5E to #2D192A

#785E5E #2D192A

Calculate the color between two colors, #785E5E and #2D192A. 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)

#785E5E - #2D192A | 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 #785E5E as 0% and #2D192A as 100%.

0.0%	0.0% #785E5E	RGB 120 94 94	#785E5E
16.7%	16.7% #6B5255	RGB 107 82 85	#6B5255
33.3%	33.3% #5F474C	RGB 95 71 76	#5F474C
50.0%	50.0% #523B44	RGB 82 59 68	#523B44
66.7%	66.7% #46303B	RGB 70 48 59	#46303B
83.3%	83.3% #392432	RGB 57 36 50	#392432
100.0%	100.0% #2D192A	RGB 45 25 42	#2D192A

#785E5E #6B5255 #5F474C #523B44 #46303B #392432 #2D192A

#785E5E - #2D192A

HSV Blend

#785E5E - #2D192A | 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 #785E5E as 0% and #2D192A as 100%.

0.0%	0.0% #785E5E	RGB 120 94 94	#785E5E
16.7%	16.7% #6B5054	RGB 107 80 84	#6B5054
33.3%	33.3% #5F434B	RGB 95 67 75	#5F434B
50.0%	50.0% #523742	RGB 82 55 66	#523742
66.7%	66.7% #462C3A	RGB 70 44 58	#462C3A
83.3%	83.3% #392232	RGB 57 34 50	#392232
100.0%	100.0% #2D192A	RGB 45 25 42	#2D192A

#785E5E #6B5054 #5F434B #523742 #462C3A #392232 #2D192A

#785E5E - #523742 - #2D192A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #785E5E 0%, #523742 50%, #2D192A 100%);
    background: -webkit-linear-gradient(top, #785E5E 0%, #523742 50%, #2D192A 100%);
    background: linear-gradient(to bottom, #785E5E 0%, #523742 50%, #2D192A 100%);
}
</style>