#529C92 - #BDD59C | 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 #529C92 to #BDD59C

#529C92 #BDD59C

Calculate the color between two colors, #529C92 and #BDD59C. 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)

#529C92 - #BDD59C | 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 #529C92 as 0% and #BDD59C as 100%.

0.0%	0.0% #529C92	RGB 82 156 146	#529C92
16.7%	16.7% #63A593	RGB 99 165 147	#63A593
33.3%	33.3% #75AF95	RGB 117 175 149	#75AF95
50.0%	50.0% #87B897	RGB 135 184 151	#87B897
66.7%	66.7% #99C298	RGB 153 194 152	#99C298
83.3%	83.3% #ABCB9A	RGB 171 203 154	#ABCB9A
100.0%	100.0% #BDD59C	RGB 189 213 156	#BDD59C

#529C92 #63A593 #75AF95 #87B897 #99C298 #ABCB9A #BDD59C

#529C92 - #BDD59C

HSV Blend

#529C92 - #BDD59C | 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 #529C92 as 0% and #BDD59C as 100%.

0.0%	0.0% #529C92	RGB 82 156 146	#529C92
16.7%	16.7% #5CA58A	RGB 92 165 138	#5CA58A
33.3%	33.3% #68AF83	RGB 104 175 131	#68AF83
50.0%	50.0% #74B87D	RGB 116 184 125	#74B87D
66.7%	66.7% #87C280	RGB 135 194 128	#87C280
83.3%	83.3% #A2CB8E	RGB 162 203 142	#A2CB8E
100.0%	100.0% #BDD59C	RGB 189 213 156	#BDD59C

#529C92 #5CA58A #68AF83 #74B87D #87C280 #A2CB8E #BDD59C

#529C92 - #74B87D - #BDD59C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #529C92 0%, #74B87D 50%, #BDD59C 100%);
    background: -webkit-linear-gradient(top, #529C92 0%, #74B87D 50%, #BDD59C 100%);
    background: linear-gradient(to bottom, #529C92 0%, #74B87D 50%, #BDD59C 100%);
}
</style>