#774B4B - #5E1D0C | 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 #774B4B to #5E1D0C

#774B4B #5E1D0C

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

#774B4B - #5E1D0C | 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 #774B4B as 0% and #5E1D0C as 100%.

0.0%	0.0% #774B4B	RGB 119 75 75	#774B4B
16.7%	16.7% #724340	RGB 114 67 64	#724340
33.3%	33.3% #6E3B36	RGB 110 59 54	#6E3B36
50.0%	50.0% #6A342B	RGB 106 52 43	#6A342B
66.7%	66.7% #662C21	RGB 102 44 33	#662C21
83.3%	83.3% #622416	RGB 98 36 22	#622416
100.0%	100.0% #5E1D0C	RGB 94 29 12	#5E1D0C

#774B4B #724340 #6E3B36 #6A342B #662C21 #622416 #5E1D0C

#774B4B - #5E1D0C

HSV Blend

#774B4B - #5E1D0C | 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 #774B4B as 0% and #5E1D0C as 100%.

0.0%	0.0% #774B4B	RGB 119 75 75	#774B4B
16.7%	16.7% #72403E	RGB 114 64 62	#72403E
33.3%	33.3% #6E3733	RGB 110 55 51	#6E3733
50.0%	50.0% #6A2F28	RGB 106 47 40	#6A2F28
66.7%	66.7% #66281E	RGB 102 40 30	#66281E
83.3%	83.3% #622214	RGB 98 34 20	#622214
100.0%	100.0% #5E1D0C	RGB 94 29 12	#5E1D0C

#774B4B #72403E #6E3733 #6A2F28 #66281E #622214 #5E1D0C

#774B4B - #6A2F28 - #5E1D0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #774B4B 0%, #6A2F28 50%, #5E1D0C 100%);
    background: -webkit-linear-gradient(top, #774B4B 0%, #6A2F28 50%, #5E1D0C 100%);
    background: linear-gradient(to bottom, #774B4B 0%, #6A2F28 50%, #5E1D0C 100%);
}
</style>