#5E826C - #BFB48F | 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 #5E826C to #BFB48F

#5E826C #BFB48F

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

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

0.0%	0.0% #5E826C	RGB 94 130 108	#5E826C
16.7%	16.7% #6E8A71	RGB 110 138 113	#6E8A71
33.3%	33.3% #7E9277	RGB 126 146 119	#7E9277
50.0%	50.0% #8E9B7D	RGB 142 155 125	#8E9B7D
66.7%	66.7% #9EA383	RGB 158 163 131	#9EA383
83.3%	83.3% #AEAB89	RGB 174 171 137	#AEAB89
100.0%	100.0% #BFB48F	RGB 191 180 143	#BFB48F

#5E826C #6E8A71 #7E9277 #8E9B7D #9EA383 #AEAB89 #BFB48F

#5E826C - #BFB48F

HSV Blend

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

0.0%	0.0% #5E826C	RGB 94 130 108	#5E826C
16.7%	16.7% #658C6A	RGB 101 140 106	#658C6A
33.3%	33.3% #74966D	RGB 116 150 109	#74966D
50.0%	50.0% #87A076	RGB 135 160 118	#87A076
66.7%	66.7% #9CAA7E	RGB 156 170 126	#9CAA7E
83.3%	83.3% #B2B486	RGB 178 180 134	#B2B486
100.0%	100.0% #BFB48F	RGB 191 180 143	#BFB48F

#5E826C #658C6A #74966D #87A076 #9CAA7E #B2B486 #BFB48F

#5E826C - #87A076 - #BFB48F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E826C 0%, #87A076 50%, #BFB48F 100%);
    background: -webkit-linear-gradient(top, #5E826C 0%, #87A076 50%, #BFB48F 100%);
    background: linear-gradient(to bottom, #5E826C 0%, #87A076 50%, #BFB48F 100%);
}
</style>