#A47089 - #6F223A | 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 #A47089 to #6F223A

#A47089 #6F223A

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

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

0.0%	0.0% #A47089	RGB 164 112 137	#A47089
16.7%	16.7% #9B637B	RGB 155 99 123	#9B637B
33.3%	33.3% #92566E	RGB 146 86 110	#92566E
50.0%	50.0% #894961	RGB 137 73 97	#894961
66.7%	66.7% #803C54	RGB 128 60 84	#803C54
83.3%	83.3% #772F47	RGB 119 47 71	#772F47
100.0%	100.0% #6F223A	RGB 111 34 58	#6F223A

#A47089 #9B637B #92566E #894961 #803C54 #772F47 #6F223A

#A47089 - #6F223A

HSV Blend

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

0.0%	0.0% #A47089	RGB 164 112 137	#A47089
16.7%	16.7% #9B607A	RGB 155 96 122	#9B607A
33.3%	33.3% #92516D	RGB 146 81 109	#92516D
50.0%	50.0% #89445F	RGB 137 68 95	#89445F
66.7%	66.7% #803752	RGB 128 55 82	#803752
83.3%	83.3% #772C45	RGB 119 44 69	#772C45
100.0%	100.0% #6F223A	RGB 111 34 58	#6F223A

#A47089 #9B607A #92516D #89445F #803752 #772C45 #6F223A

#A47089 - #89445F - #6F223A

CSS codes

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

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