#5E6060 - #9A9F71 | 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 #5E6060 to #9A9F71

#5E6060 #9A9F71

Calculate the color between two colors, #5E6060 and #9A9F71. 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)

#5E6060 - #9A9F71 | 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 #5E6060 as 0% and #9A9F71 as 100%.

0.0%	0.0% #5E6060	RGB 94 96 96	#5E6060
16.7%	16.7% #686A62	RGB 104 106 98	#686A62
33.3%	33.3% #727565	RGB 114 117 101	#727565
50.0%	50.0% #7C7F68	RGB 124 127 104	#7C7F68
66.7%	66.7% #868A6B	RGB 134 138 107	#868A6B
83.3%	83.3% #90946E	RGB 144 148 110	#90946E
100.0%	100.0% #9A9F71	RGB 154 159 113	#9A9F71

#5E6060 #686A62 #727565 #7C7F68 #868A6B #90946E #9A9F71

#5E6060 - #9A9F71

HSV Blend

#5E6060 - #9A9F71 | 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 #5E6060 as 0% and #9A9F71 as 100%.

0.0%	0.0% #5E6060	RGB 94 96 96	#5E6060
16.7%	16.7% #636A68	RGB 99 106 104	#636A68
33.3%	33.3% #68756C	RGB 104 117 108	#68756C
50.0%	50.0% #6B7F6C	RGB 107 127 108	#6B7F6C
66.7%	66.7% #758A6E	RGB 117 138 110	#758A6E
83.3%	83.3% #859470	RGB 133 148 112	#859470
100.0%	100.0% #9A9F71	RGB 154 159 113	#9A9F71

#5E6060 #636A68 #68756C #6B7F6C #758A6E #859470 #9A9F71

#5E6060 - #6B7F6C - #9A9F71

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6060 0%, #6B7F6C 50%, #9A9F71 100%);
    background: -webkit-linear-gradient(top, #5E6060 0%, #6B7F6C 50%, #9A9F71 100%);
    background: linear-gradient(to bottom, #5E6060 0%, #6B7F6C 50%, #9A9F71 100%);
}
</style>