#5E6663 - #96A97B | 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 #5E6663 to #96A97B

#5E6663 #96A97B

Calculate the color between two colors, #5E6663 and #96A97B. 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)

#5E6663 - #96A97B | 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 #5E6663 as 0% and #96A97B as 100%.

0.0%	0.0% #5E6663	RGB 94 102 99	#5E6663
16.7%	16.7% #677167	RGB 103 113 103	#677167
33.3%	33.3% #707C6B	RGB 112 124 107	#707C6B
50.0%	50.0% #7A876F	RGB 122 135 111	#7A876F
66.7%	66.7% #839273	RGB 131 146 115	#839273
83.3%	83.3% #8C9D77	RGB 140 157 119	#8C9D77
100.0%	100.0% #96A97B	RGB 150 169 123	#96A97B

#5E6663 #677167 #707C6B #7A876F #839273 #8C9D77 #96A97B

#5E6663 - #96A97B

HSV Blend

#5E6663 - #96A97B | 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 #5E6663 as 0% and #96A97B as 100%.

0.0%	0.0% #5E6663	RGB 94 102 99	#5E6663
16.7%	16.7% #647169	RGB 100 113 105	#647169
33.3%	33.3% #6A7C6E	RGB 106 124 110	#6A7C6E
50.0%	50.0% #6F8770	RGB 111 135 112	#6F8770
66.7%	66.7% #799274	RGB 121 146 116	#799274
83.3%	83.3% #869D77	RGB 134 157 119	#869D77
100.0%	100.0% #96A97B	RGB 150 169 123	#96A97B

#5E6663 #647169 #6A7C6E #6F8770 #799274 #869D77 #96A97B

#5E6663 - #6F8770 - #96A97B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6663 0%, #6F8770 50%, #96A97B 100%);
    background: -webkit-linear-gradient(top, #5E6663 0%, #6F8770 50%, #96A97B 100%);
    background: linear-gradient(to bottom, #5E6663 0%, #6F8770 50%, #96A97B 100%);
}
</style>