#5E837F - #CBB1A6 | 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 #5E837F to #CBB1A6

#5E837F #CBB1A6

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

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

0.0%	0.0% #5E837F	RGB 94 131 127	#5E837F
16.7%	16.7% #708A85	RGB 112 138 133	#708A85
33.3%	33.3% #82928C	RGB 130 146 140	#82928C
50.0%	50.0% #949A92	RGB 148 154 146	#949A92
66.7%	66.7% #A6A199	RGB 166 161 153	#A6A199
83.3%	83.3% #B8A99F	RGB 184 169 159	#B8A99F
100.0%	100.0% #CBB1A6	RGB 203 177 166	#CBB1A6

#5E837F #708A85 #82928C #949A92 #A6A199 #B8A99F #CBB1A6

#5E837F - #CBB1A6

HSV Blend

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

0.0%	0.0% #5E837F	RGB 94 131 127	#5E837F
16.7%	16.7% #688F7A	RGB 104 143 122	#688F7A
33.3%	33.3% #749B75	RGB 116 155 117	#749B75
50.0%	50.0% #8FA780	RGB 143 167 128	#8FA780
66.7%	66.7% #ACB38C	RGB 172 179 140	#ACB38C
83.3%	83.3% #BFB498	RGB 191 180 152	#BFB498
100.0%	100.0% #CBB1A6	RGB 203 177 166	#CBB1A6

#5E837F #688F7A #749B75 #8FA780 #ACB38C #BFB498 #CBB1A6

#5E837F - #8FA780 - #CBB1A6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E837F 0%, #8FA780 50%, #CBB1A6 100%);
    background: -webkit-linear-gradient(top, #5E837F 0%, #8FA780 50%, #CBB1A6 100%);
    background: linear-gradient(to bottom, #5E837F 0%, #8FA780 50%, #CBB1A6 100%);
}
</style>