#AF5E76 - #6D192D | 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 #AF5E76 to #6D192D

#AF5E76 #6D192D

Calculate the color between two colors, #AF5E76 and #6D192D. 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)

#AF5E76 - #6D192D | 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 #AF5E76 as 0% and #6D192D as 100%.

0.0%	0.0% #AF5E76	RGB 175 94 118	#AF5E76
16.7%	16.7% #A45269	RGB 164 82 105	#A45269
33.3%	33.3% #99475D	RGB 153 71 93	#99475D
50.0%	50.0% #8E3B51	RGB 142 59 81	#8E3B51
66.7%	66.7% #833045	RGB 131 48 69	#833045
83.3%	83.3% #782439	RGB 120 36 57	#782439
100.0%	100.0% #6D192D	RGB 109 25 45	#6D192D

#AF5E76 #A45269 #99475D #8E3B51 #833045 #782439 #6D192D

#AF5E76 - #6D192D

HSV Blend

#AF5E76 - #6D192D | 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 #AF5E76 as 0% and #6D192D as 100%.

0.0%	0.0% #AF5E76	RGB 175 94 118	#AF5E76
16.7%	16.7% #A44F67	RGB 164 79 103	#A44F67
33.3%	33.3% #99425A	RGB 153 66 90	#99425A
50.0%	50.0% #8E364D	RGB 142 54 77	#8E364D
66.7%	66.7% #832B42	RGB 131 43 66	#832B42
83.3%	83.3% #782137	RGB 120 33 55	#782137
100.0%	100.0% #6D192D	RGB 109 25 45	#6D192D

#AF5E76 #A44F67 #99425A #8E364D #832B42 #782137 #6D192D

#AF5E76 - #8E364D - #6D192D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5E76 0%, #8E364D 50%, #6D192D 100%);
    background: -webkit-linear-gradient(top, #AF5E76 0%, #8E364D 50%, #6D192D 100%);
    background: linear-gradient(to bottom, #AF5E76 0%, #8E364D 50%, #6D192D 100%);
}
</style>