#5C8C7E - #B9C98F | 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 #5C8C7E to #B9C98F

#5C8C7E #B9C98F

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

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

0.0%	0.0% #5C8C7E	RGB 92 140 126	#5C8C7E
16.7%	16.7% #6B9680	RGB 107 150 128	#6B9680
33.3%	33.3% #7BA083	RGB 123 160 131	#7BA083
50.0%	50.0% #8AAA86	RGB 138 170 134	#8AAA86
66.7%	66.7% #9AB489	RGB 154 180 137	#9AB489
83.3%	83.3% #A9BE8C	RGB 169 190 140	#A9BE8C
100.0%	100.0% #B9C98F	RGB 185 201 143	#B9C98F

#5C8C7E #6B9680 #7BA083 #8AAA86 #9AB489 #A9BE8C #B9C98F

#5C8C7E - #B9C98F

HSV Blend

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

0.0%	0.0% #5C8C7E	RGB 92 140 126	#5C8C7E
16.7%	16.7% #64967B	RGB 100 150 123	#64967B
33.3%	33.3% #6CA078	RGB 108 160 120	#6CA078
50.0%	50.0% #75AA74	RGB 117 170 116	#75AA74
66.7%	66.7% #8AB47D	RGB 138 180 125	#8AB47D
83.3%	83.3% #A1BE86	RGB 161 190 134	#A1BE86
100.0%	100.0% #B9C98F	RGB 185 201 143	#B9C98F

#5C8C7E #64967B #6CA078 #75AA74 #8AB47D #A1BE86 #B9C98F

#5C8C7E - #75AA74 - #B9C98F

CSS codes

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

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