#502432 - #AF3E42 | 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 #502432 to #AF3E42

#502432 #AF3E42

Calculate the color between two colors, #502432 and #AF3E42. 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)

#502432 - #AF3E42 | 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 #502432 as 0% and #AF3E42 as 100%.

0.0%	0.0% #502432	RGB 80 36 50	#502432
16.7%	16.7% #5F2834	RGB 95 40 52	#5F2834
33.3%	33.3% #6F2C37	RGB 111 44 55	#6F2C37
50.0%	50.0% #7F313A	RGB 127 49 58	#7F313A
66.7%	66.7% #8F353C	RGB 143 53 60	#8F353C
83.3%	83.3% #9F393F	RGB 159 57 63	#9F393F
100.0%	100.0% #AF3E42	RGB 175 62 66	#AF3E42

#502432 #5F2834 #6F2C37 #7F313A #8F353C #9F393F #AF3E42

#502432 - #AF3E42

HSV Blend

#502432 - #AF3E42 | 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 #502432 as 0% and #AF3E42 as 100%.

0.0%	0.0% #502432	RGB 80 36 50	#502432
16.7%	16.7% #5F2938	RGB 95 41 56	#5F2938
33.3%	33.3% #6F2E3D	RGB 111 46 61	#6F2E3D
50.0%	50.0% #7F3340	RGB 127 51 64	#7F3340
66.7%	66.7% #8F3742	RGB 143 55 66	#8F3742
83.3%	83.3% #9F3A43	RGB 159 58 67	#9F3A43
100.0%	100.0% #AF3E42	RGB 175 62 66	#AF3E42

#502432 #5F2938 #6F2E3D #7F3340 #8F3742 #9F3A43 #AF3E42

#502432 - #7F3340 - #AF3E42

CSS codes

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

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