#528080 - #A8C08F | 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 #528080 to #A8C08F

#528080 #A8C08F

Calculate the color between two colors, #528080 and #A8C08F. 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)

#528080 - #A8C08F | 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 #528080 as 0% and #A8C08F as 100%.

0.0%	0.0% #528080	RGB 82 128 128	#528080
16.7%	16.7% #608A82	RGB 96 138 130	#608A82
33.3%	33.3% #6E9585	RGB 110 149 133	#6E9585
50.0%	50.0% #7DA087	RGB 125 160 135	#7DA087
66.7%	66.7% #8BAA8A	RGB 139 170 138	#8BAA8A
83.3%	83.3% #99B58C	RGB 153 181 140	#99B58C
100.0%	100.0% #A8C08F	RGB 168 192 143	#A8C08F

#528080 #608A82 #6E9585 #7DA087 #8BAA8A #99B58C #A8C08F

#528080 - #A8C08F

HSV Blend

#528080 - #A8C08F | 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 #528080 as 0% and #A8C08F as 100%.

0.0%	0.0% #528080	RGB 82 128 128	#528080
16.7%	16.7% #5B8A7E	RGB 91 138 126	#5B8A7E
33.3%	33.3% #64957C	RGB 100 149 124	#64957C
50.0%	50.0% #6EA07A	RGB 110 160 122	#6EA07A
66.7%	66.7% #79AA79	RGB 121 170 121	#79AA79
83.3%	83.3% #90B583	RGB 144 181 131	#90B583
100.0%	100.0% #A8C08F	RGB 168 192 143	#A8C08F

#528080 #5B8A7E #64957C #6EA07A #79AA79 #90B583 #A8C08F

#528080 - #6EA07A - #A8C08F

CSS codes

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

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