#80905E - #CD8C8C | 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 #80905E to #CD8C8C

#80905E #CD8C8C

Calculate the color between two colors, #80905E and #CD8C8C. 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)

#80905E - #CD8C8C | 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 #80905E as 0% and #CD8C8C as 100%.

0.0%	0.0% #80905E	RGB 128 144 94	#80905E
16.7%	16.7% #8C8F65	RGB 140 143 101	#8C8F65
33.3%	33.3% #998E6D	RGB 153 142 109	#998E6D
50.0%	50.0% #A68E75	RGB 166 142 117	#A68E75
66.7%	66.7% #B38D7C	RGB 179 141 124	#B38D7C
83.3%	83.3% #C08C84	RGB 192 140 132	#C08C84
100.0%	100.0% #CD8C8C	RGB 205 140 140	#CD8C8C

#80905E #8C8F65 #998E6D #A68E75 #B38D7C #C08C84 #CD8C8C

#80905E - #CD8C8C

HSV Blend

#80905E - #CD8C8C | 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 #80905E as 0% and #CD8C8C as 100%.

0.0%	0.0% #80905E	RGB 128 144 94	#80905E
16.7%	16.7% #949A65	RGB 148 154 101	#949A65
33.3%	33.3% #A49D6C	RGB 164 157 108	#A49D6C
50.0%	50.0% #AE9A74	RGB 174 154 116	#AE9A74
66.7%	66.7% #B8967C	RGB 184 150 124	#B8967C
83.3%	83.3% #C29184	RGB 194 145 132	#C29184
100.0%	100.0% #CD8C8C	RGB 205 140 140	#CD8C8C

#80905E #949A65 #A49D6C #AE9A74 #B8967C #C29184 #CD8C8C

#80905E - #AE9A74 - #CD8C8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80905E 0%, #AE9A74 50%, #CD8C8C 100%);
    background: -webkit-linear-gradient(top, #80905E 0%, #AE9A74 50%, #CD8C8C 100%);
    background: linear-gradient(to bottom, #80905E 0%, #AE9A74 50%, #CD8C8C 100%);
}
</style>