#A8687B - #6B2030 | 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 #A8687B to #6B2030

#A8687B #6B2030

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

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

0.0%	0.0% #A8687B	RGB 168 104 123	#A8687B
16.7%	16.7% #9D5C6E	RGB 157 92 110	#9D5C6E
33.3%	33.3% #935062	RGB 147 80 98	#935062
50.0%	50.0% #894455	RGB 137 68 85	#894455
66.7%	66.7% #7F3849	RGB 127 56 73	#7F3849
83.3%	83.3% #752C3C	RGB 117 44 60	#752C3C
100.0%	100.0% #6B2030	RGB 107 32 48	#6B2030

#A8687B #9D5C6E #935062 #894455 #7F3849 #752C3C #6B2030

#A8687B - #6B2030

HSV Blend

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

0.0%	0.0% #A8687B	RGB 168 104 123	#A8687B
16.7%	16.7% #9D596C	RGB 157 89 108	#9D596C
33.3%	33.3% #934B5F	RGB 147 75 95	#934B5F
50.0%	50.0% #893F52	RGB 137 63 82	#893F52
66.7%	66.7% #7F3345	RGB 127 51 69	#7F3345
83.3%	83.3% #75293A	RGB 117 41 58	#75293A
100.0%	100.0% #6B2030	RGB 107 32 48	#6B2030

#A8687B #9D596C #934B5F #893F52 #7F3345 #75293A #6B2030

#A8687B - #893F52 - #6B2030

CSS codes

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

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