#5E626D - #BDC594 | 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 #5E626D to #BDC594

#5E626D #BDC594

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

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

0.0%	0.0% #5E626D	RGB 94 98 109	#5E626D
16.7%	16.7% #6D7273	RGB 109 114 115	#6D7273
33.3%	33.3% #7D837A	RGB 125 131 122	#7D837A
50.0%	50.0% #8D9380	RGB 141 147 128	#8D9380
66.7%	66.7% #9DA487	RGB 157 164 135	#9DA487
83.3%	83.3% #ADB48D	RGB 173 180 141	#ADB48D
100.0%	100.0% #BDC594	RGB 189 197 148	#BDC594

#5E626D #6D7273 #7D837A #8D9380 #9DA487 #ADB48D #BDC594

#5E626D - #BDC594

HSV Blend

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

0.0%	0.0% #5E626D	RGB 94 98 109	#5E626D
16.7%	16.7% #68757B	RGB 104 117 123	#68757B
33.3%	33.3% #728A87	RGB 114 138 135	#728A87
50.0%	50.0% #7B9988	RGB 123 153 136	#7B9988
66.7%	66.7% #84A784	RGB 132 167 132	#84A784
83.3%	83.3% #9DB68C	RGB 157 182 140	#9DB68C
100.0%	100.0% #BDC594	RGB 189 197 148	#BDC594

#5E626D #68757B #728A87 #7B9988 #84A784 #9DB68C #BDC594

#5E626D - #7B9988 - #BDC594

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E626D 0%, #7B9988 50%, #BDC594 100%);
    background: -webkit-linear-gradient(top, #5E626D 0%, #7B9988 50%, #BDC594 100%);
    background: linear-gradient(to bottom, #5E626D 0%, #7B9988 50%, #BDC594 100%);
}
</style>