#5E5F68 - #B9C08D | 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 #5E5F68 to #B9C08D

#5E5F68 #B9C08D

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

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

0.0%	0.0% #5E5F68	RGB 94 95 104	#5E5F68
16.7%	16.7% #6D6F6E	RGB 109 111 110	#6D6F6E
33.3%	33.3% #7C7F74	RGB 124 127 116	#7C7F74
50.0%	50.0% #8B8F7A	RGB 139 143 122	#8B8F7A
66.7%	66.7% #9A9F80	RGB 154 159 128	#9A9F80
83.3%	83.3% #A9AF86	RGB 169 175 134	#A9AF86
100.0%	100.0% #B9C08D	RGB 185 192 141	#B9C08D

#5E5F68 #6D6F6E #7C7F74 #8B8F7A #9A9F80 #A9AF86 #B9C08D

#5E5F68 - #B9C08D

HSV Blend

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

0.0%	0.0% #5E5F68	RGB 94 95 104	#5E5F68
16.7%	16.7% #677076	RGB 103 112 118	#677076
33.3%	33.3% #708584	RGB 112 133 132	#708584
50.0%	50.0% #799487	RGB 121 148 135	#799487
66.7%	66.7% #80A282	RGB 128 162 130	#80A282
83.3%	83.3% #98B187	RGB 152 177 135	#98B187
100.0%	100.0% #B9C08D	RGB 185 192 141	#B9C08D

#5E5F68 #677076 #708584 #799487 #80A282 #98B187 #B9C08D

#5E5F68 - #799487 - #B9C08D

CSS codes

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

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