#5E606A - #BCC391 | 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 #5E606A to #BCC391

#5E606A #BCC391

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

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

0.0%	0.0% #5E606A	RGB 94 96 106	#5E606A
16.7%	16.7% #6D7070	RGB 109 112 112	#6D7070
33.3%	33.3% #7D8177	RGB 125 129 119	#7D8177
50.0%	50.0% #8D917D	RGB 141 145 125	#8D917D
66.7%	66.7% #9CA284	RGB 156 162 132	#9CA284
83.3%	83.3% #ACB28A	RGB 172 178 138	#ACB28A
100.0%	100.0% #BCC391	RGB 188 195 145	#BCC391

#5E606A #6D7070 #7D8177 #8D917D #9CA284 #ACB28A #BCC391

#5E606A - #BCC391

HSV Blend

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

0.0%	0.0% #5E606A	RGB 94 96 106	#5E606A
16.7%	16.7% #687278	RGB 104 114 120	#687278
33.3%	33.3% #718786	RGB 113 135 134	#718786
50.0%	50.0% #7A9688	RGB 122 150 136	#7A9688
66.7%	66.7% #82A584	RGB 130 165 132	#82A584
83.3%	83.3% #9BB48A	RGB 155 180 138	#9BB48A
100.0%	100.0% #BCC391	RGB 188 195 145	#BCC391

#5E606A #687278 #718786 #7A9688 #82A584 #9BB48A #BCC391

#5E606A - #7A9688 - #BCC391

CSS codes

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

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