#5E9385 - #BDCD93 | 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 #5E9385 to #BDCD93

#5E9385 #BDCD93

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

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

0.0%	0.0% #5E9385	RGB 94 147 133	#5E9385
16.7%	16.7% #6D9C87	RGB 109 156 135	#6D9C87
33.3%	33.3% #7DA689	RGB 125 166 137	#7DA689
50.0%	50.0% #8DB08C	RGB 141 176 140	#8DB08C
66.7%	66.7% #9DB98E	RGB 157 185 142	#9DB98E
83.3%	83.3% #ADC390	RGB 173 195 144	#ADC390
100.0%	100.0% #BDCD93	RGB 189 205 147	#BDCD93

#5E9385 #6D9C87 #7DA689 #8DB08C #9DB98E #ADC390 #BDCD93

#5E9385 - #BDCD93

HSV Blend

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

0.0%	0.0% #5E9385	RGB 94 147 133	#5E9385
16.7%	16.7% #669C81	RGB 102 156 129	#669C81
33.3%	33.3% #6EA67C	RGB 110 166 124	#6EA67C
50.0%	50.0% #77B077	RGB 119 176 119	#77B077
66.7%	66.7% #8DB980	RGB 141 185 128	#8DB980
83.3%	83.3% #A5C389	RGB 165 195 137	#A5C389
100.0%	100.0% #BDCD93	RGB 189 205 147	#BDCD93

#5E9385 #669C81 #6EA67C #77B077 #8DB980 #A5C389 #BDCD93

#5E9385 - #77B077 - #BDCD93

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9385 0%, #77B077 50%, #BDCD93 100%);
    background: -webkit-linear-gradient(top, #5E9385 0%, #77B077 50%, #BDCD93 100%);
    background: linear-gradient(to bottom, #5E9385 0%, #77B077 50%, #BDCD93 100%);
}
</style>