#4D2D3E - #B67165 | 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 #4D2D3E to #B67165

#4D2D3E #B67165

Calculate the color between two colors, #4D2D3E and #B67165. 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)

#4D2D3E - #B67165 | 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 #4D2D3E as 0% and #B67165 as 100%.

0.0%	0.0% #4D2D3E	RGB 77 45 62	#4D2D3E
16.7%	16.7% #5E3844	RGB 94 56 68	#5E3844
33.3%	33.3% #70434B	RGB 112 67 75	#70434B
50.0%	50.0% #814F51	RGB 129 79 81	#814F51
66.7%	66.7% #935A58	RGB 147 90 88	#935A58
83.3%	83.3% #A4655E	RGB 164 101 94	#A4655E
100.0%	100.0% #B67165	RGB 182 113 101	#B67165

#4D2D3E #5E3844 #70434B #814F51 #935A58 #A4655E #B67165

#4D2D3E - #B67165

HSV Blend

#4D2D3E - #B67165 | 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 #4D2D3E as 0% and #B67165 as 100%.

0.0%	0.0% #4D2D3E	RGB 77 45 62	#4D2D3E
16.7%	16.7% #5E3647	RGB 94 54 71	#5E3647
33.3%	33.3% #70404E	RGB 112 64 78	#70404E
50.0%	50.0% #814954	RGB 129 73 84	#814954
66.7%	66.7% #935358	RGB 147 83 88	#935358
83.3%	83.3% #A45E5C	RGB 164 94 92	#A45E5C
100.0%	100.0% #B67165	RGB 182 113 101	#B67165

#4D2D3E #5E3647 #70404E #814954 #935358 #A45E5C #B67165

#4D2D3E - #814954 - #B67165

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2D3E 0%, #814954 50%, #B67165 100%);
    background: -webkit-linear-gradient(top, #4D2D3E 0%, #814954 50%, #B67165 100%);
    background: linear-gradient(to bottom, #4D2D3E 0%, #814954 50%, #B67165 100%);
}
</style>