#5E8274 - #BDC08D | 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 #5E8274 to #BDC08D

#5E8274 #BDC08D

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

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

0.0%	0.0% #5E8274	RGB 94 130 116	#5E8274
16.7%	16.7% #6D8C78	RGB 109 140 120	#6D8C78
33.3%	33.3% #7D967C	RGB 125 150 124	#7D967C
50.0%	50.0% #8DA180	RGB 141 161 128	#8DA180
66.7%	66.7% #9DAB84	RGB 157 171 132	#9DAB84
83.3%	83.3% #ADB588	RGB 173 181 136	#ADB588
100.0%	100.0% #BDC08D	RGB 189 192 141	#BDC08D

#5E8274 #6D8C78 #7D967C #8DA180 #9DAB84 #ADB588 #BDC08D

#5E8274 - #BDC08D

HSV Blend

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

0.0%	0.0% #5E8274	RGB 94 130 116	#5E8274
16.7%	16.7% #658C73	RGB 101 140 115	#658C73
33.3%	33.3% #6D9671	RGB 109 150 113	#6D9671
50.0%	50.0% #7CA175	RGB 124 161 117	#7CA175
66.7%	66.7% #90AB7D	RGB 144 171 125	#90AB7D
83.3%	83.3% #A6B585	RGB 166 181 133	#A6B585
100.0%	100.0% #BDC08D	RGB 189 192 141	#BDC08D

#5E8274 #658C73 #6D9671 #7CA175 #90AB7D #A6B585 #BDC08D

#5E8274 - #7CA175 - #BDC08D

CSS codes

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

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