#A16F8C - #6F203C | 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 #A16F8C to #6F203C

#A16F8C #6F203C

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

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

0.0%	0.0% #A16F8C	RGB 161 111 140	#A16F8C
16.7%	16.7% #98617E	RGB 152 97 126	#98617E
33.3%	33.3% #905471	RGB 144 84 113	#905471
50.0%	50.0% #884764	RGB 136 71 100	#884764
66.7%	66.7% #7F3A56	RGB 127 58 86	#7F3A56
83.3%	83.3% #772D49	RGB 119 45 73	#772D49
100.0%	100.0% #6F203C	RGB 111 32 60	#6F203C

#A16F8C #98617E #905471 #884764 #7F3A56 #772D49 #6F203C

#A16F8C - #6F203C

HSV Blend

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

0.0%	0.0% #A16F8C	RGB 161 111 140	#A16F8C
16.7%	16.7% #985F7E	RGB 152 95 126	#985F7E
33.3%	33.3% #905070	RGB 144 80 112	#905070
50.0%	50.0% #884262	RGB 136 66 98	#884262
66.7%	66.7% #7F3555	RGB 127 53 85	#7F3555
83.3%	83.3% #772A48	RGB 119 42 72	#772A48
100.0%	100.0% #6F203C	RGB 111 32 60	#6F203C

#A16F8C #985F7E #905070 #884262 #7F3555 #772A48 #6F203C

#A16F8C - #884262 - #6F203C

CSS codes

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

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