#5E5955 - #C1DB7B | 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 #5E5955 to #C1DB7B

#5E5955 #C1DB7B

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

#5E5955 - #C1DB7B | 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 #5E5955 as 0% and #C1DB7B as 100%.

0.0%	0.0% #5E5955	RGB 94 89 85	#5E5955
16.7%	16.7% #6E6E5B	RGB 110 110 91	#6E6E5B
33.3%	33.3% #7F8461	RGB 127 132 97	#7F8461
50.0%	50.0% #8F9A68	RGB 143 154 104	#8F9A68
66.7%	66.7% #A0AF6E	RGB 160 175 110	#A0AF6E
83.3%	83.3% #B0C574	RGB 176 197 116	#B0C574
100.0%	100.0% #C1DB7B	RGB 193 219 123	#C1DB7B

#5E5955 #6E6E5B #7F8461 #8F9A68 #A0AF6E #B0C574 #C1DB7B

#5E5955 - #C1DB7B

HSV Blend

#5E5955 - #C1DB7B | 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 #5E5955 as 0% and #C1DB7B as 100%.

0.0%	0.0% #5E5955	RGB 94 89 85	#5E5955
16.7%	16.7% #726B61	RGB 114 107 97	#726B61
33.3%	33.3% #877F6B	RGB 135 127 107	#877F6B
50.0%	50.0% #9C9672	RGB 156 150 114	#9C9672
66.7%	66.7% #B1B177	RGB 177 177 119	#B1B177
83.3%	83.3% #BCC67A	RGB 188 198 122	#BCC67A
100.0%	100.0% #C1DB7B	RGB 193 219 123	#C1DB7B

#5E5955 #726B61 #877F6B #9C9672 #B1B177 #BCC67A #C1DB7B

#5E5955 - #9C9672 - #C1DB7B

CSS codes

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

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