#A08B9C - #78334C | 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 #A08B9C to #78334C

#A08B9C #78334C

Calculate the color between two colors, #A08B9C and #78334C. 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)

#A08B9C - #78334C | 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 #A08B9C as 0% and #78334C as 100%.

0.0%	0.0% #A08B9C	RGB 160 139 156	#A08B9C
16.7%	16.7% #997C8E	RGB 153 124 142	#997C8E
33.3%	33.3% #926D81	RGB 146 109 129	#926D81
50.0%	50.0% #8C5F74	RGB 140 95 116	#8C5F74
66.7%	66.7% #855066	RGB 133 80 102	#855066
83.3%	83.3% #7E4159	RGB 126 65 89	#7E4159
100.0%	100.0% #78334C	RGB 120 51 76	#78334C

#A08B9C #997C8E #926D81 #8C5F74 #855066 #7E4159 #78334C

#A08B9C - #78334C

HSV Blend

#A08B9C - #78334C | 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 #A08B9C as 0% and #78334C as 100%.

0.0%	0.0% #A08B9C	RGB 160 139 156	#A08B9C
16.7%	16.7% #997990	RGB 153 121 144	#997990
33.3%	33.3% #926984	RGB 146 105 132	#926984
50.0%	50.0% #8C5A77	RGB 140 90 119	#8C5A77
66.7%	66.7% #854C69	RGB 133 76 105	#854C69
83.3%	83.3% #7E3F5A	RGB 126 63 90	#7E3F5A
100.0%	100.0% #78334C	RGB 120 51 76	#78334C

#A08B9C #997990 #926984 #8C5A77 #854C69 #7E3F5A #78334C

#A08B9C - #8C5A77 - #78334C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A08B9C 0%, #8C5A77 50%, #78334C 100%);
    background: -webkit-linear-gradient(top, #A08B9C 0%, #8C5A77 50%, #78334C 100%);
    background: linear-gradient(to bottom, #A08B9C 0%, #8C5A77 50%, #78334C 100%);
}
</style>