#5B5E5D - #81BC87 | 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 #5B5E5D to #81BC87

#5B5E5D #81BC87

Calculate the color between two colors, #5B5E5D and #81BC87. 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)

#5B5E5D - #81BC87 | 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 #5B5E5D as 0% and #81BC87 as 100%.

0.0%	0.0% #5B5E5D	RGB 91 94 93	#5B5E5D
16.7%	16.7% #616D64	RGB 97 109 100	#616D64
33.3%	33.3% #677D6B	RGB 103 125 107	#677D6B
50.0%	50.0% #6E8D72	RGB 110 141 114	#6E8D72
66.7%	66.7% #749C79	RGB 116 156 121	#749C79
83.3%	83.3% #7AAC80	RGB 122 172 128	#7AAC80
100.0%	100.0% #81BC87	RGB 129 188 135	#81BC87

#5B5E5D #616D64 #677D6B #6E8D72 #749C79 #7AAC80 #81BC87

#5B5E5D - #81BC87

HSV Blend

#5B5E5D - #81BC87 | 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 #5B5E5D as 0% and #81BC87 as 100%.

0.0%	0.0% #5B5E5D	RGB 91 94 93	#5B5E5D
16.7%	16.7% #656D69	RGB 101 109 105	#656D69
33.3%	33.3% #6D7D75	RGB 109 125 117	#6D7D75
50.0%	50.0% #748D7D	RGB 116 141 125	#748D7D
66.7%	66.7% #7A9C84	RGB 122 156 132	#7A9C84
83.3%	83.3% #7EAC87	RGB 126 172 135	#7EAC87
100.0%	100.0% #81BC87	RGB 129 188 135	#81BC87

#5B5E5D #656D69 #6D7D75 #748D7D #7A9C84 #7EAC87 #81BC87

#5B5E5D - #748D7D - #81BC87

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5D 0%, #748D7D 50%, #81BC87 100%);
    background: -webkit-linear-gradient(top, #5B5E5D 0%, #748D7D 50%, #81BC87 100%);
    background: linear-gradient(to bottom, #5B5E5D 0%, #748D7D 50%, #81BC87 100%);
}
</style>