#AF6565 - #321C1C | 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 #AF6565 to #321C1C

#AF6565 #321C1C

Calculate the color between two colors, #AF6565 and #321C1C. 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)

#AF6565 - #321C1C | 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 #AF6565 as 0% and #321C1C as 100%.

0.0%	0.0% #AF6565	RGB 175 101 101	#AF6565
16.7%	16.7% #9A5858	RGB 154 88 88	#9A5858
33.3%	33.3% #854C4C	RGB 133 76 76	#854C4C
50.0%	50.0% #704040	RGB 112 64 64	#704040
66.7%	66.7% #5B3434	RGB 91 52 52	#5B3434
83.3%	83.3% #462828	RGB 70 40 40	#462828
100.0%	100.0% #321C1C	RGB 50 28 28	#321C1C

#AF6565 #9A5858 #854C4C #704040 #5B3434 #462828 #321C1C

#AF6565 - #321C1C

HSV Blend

#AF6565 - #321C1C | 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 #AF6565 as 0% and #321C1C as 100%.

0.0%	0.0% #AF6565	RGB 175 101 101	#AF6565
16.7%	16.7% #9A5858	RGB 154 88 88	#9A5858
33.3%	33.3% #854C4C	RGB 133 76 76	#854C4C
50.0%	50.0% #703F3F	RGB 112 63 63	#703F3F
66.7%	66.7% #5B3333	RGB 91 51 51	#5B3333
83.3%	83.3% #462727	RGB 70 39 39	#462727
100.0%	100.0% #321C1C	RGB 50 28 28	#321C1C

#AF6565 #9A5858 #854C4C #703F3F #5B3333 #462727 #321C1C

#AF6565 - #703F3F - #321C1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF6565 0%, #703F3F 50%, #321C1C 100%);
    background: -webkit-linear-gradient(top, #AF6565 0%, #703F3F 50%, #321C1C 100%);
    background: linear-gradient(to bottom, #AF6565 0%, #703F3F 50%, #321C1C 100%);
}
</style>