#4F232D - #AE5E4B | 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 #4F232D to #AE5E4B

#4F232D #AE5E4B

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

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

0.0%	0.0% #4F232D	RGB 79 35 45	#4F232D
16.7%	16.7% #5E2C32	RGB 94 44 50	#5E2C32
33.3%	33.3% #6E3637	RGB 110 54 55	#6E3637
50.0%	50.0% #7E403C	RGB 126 64 60	#7E403C
66.7%	66.7% #8E4A41	RGB 142 74 65	#8E4A41
83.3%	83.3% #9E5446	RGB 158 84 70	#9E5446
100.0%	100.0% #AE5E4B	RGB 174 94 75	#AE5E4B

#4F232D #5E2C32 #6E3637 #7E403C #8E4A41 #9E5446 #AE5E4B

#4F232D - #AE5E4B

HSV Blend

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

0.0%	0.0% #4F232D	RGB 79 35 45	#4F232D
16.7%	16.7% #5E2932	RGB 94 41 50	#5E2932
33.3%	33.3% #6E3036	RGB 110 48 54	#6E3036
50.0%	50.0% #7E3738	RGB 126 55 56	#7E3738
66.7%	66.7% #8E423D	RGB 142 66 61	#8E423D
83.3%	83.3% #9E4F44	RGB 158 79 68	#9E4F44
100.0%	100.0% #AE5E4B	RGB 174 94 75	#AE5E4B

#4F232D #5E2932 #6E3036 #7E3738 #8E423D #9E4F44 #AE5E4B

#4F232D - #7E3738 - #AE5E4B

CSS codes

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

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