#4D2323 - #A7614B | 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 #4D2323 to #A7614B

#4D2323 #A7614B

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

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

0.0%	0.0% #4D2323	RGB 77 35 35	#4D2323
16.7%	16.7% #5C2D29	RGB 92 45 41	#5C2D29
33.3%	33.3% #6B3730	RGB 107 55 48	#6B3730
50.0%	50.0% #7A4237	RGB 122 66 55	#7A4237
66.7%	66.7% #894C3D	RGB 137 76 61	#894C3D
83.3%	83.3% #985644	RGB 152 86 68	#985644
100.0%	100.0% #A7614B	RGB 167 97 75	#A7614B

#4D2323 #5C2D29 #6B3730 #7A4237 #894C3D #985644 #A7614B

#4D2323 - #A7614B

HSV Blend

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

0.0%	0.0% #4D2323	RGB 77 35 35	#4D2323
16.7%	16.7% #5C2B29	RGB 92 43 41	#5C2B29
33.3%	33.3% #6B3530	RGB 107 53 48	#6B3530
50.0%	50.0% #7A3F37	RGB 122 63 55	#7A3F37
66.7%	66.7% #89493D	RGB 137 73 61	#89493D
83.3%	83.3% #985544	RGB 152 85 68	#985544
100.0%	100.0% #A7614B	RGB 167 97 75	#A7614B

#4D2323 #5C2B29 #6B3530 #7A3F37 #89493D #985544 #A7614B

#4D2323 - #7A3F37 - #A7614B

CSS codes

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

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