#488C7B - #B5CD8F | 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 #488C7B to #B5CD8F

#488C7B #B5CD8F

Calculate the color between two colors, #488C7B and #B5CD8F. 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)

#488C7B - #B5CD8F | 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 #488C7B as 0% and #B5CD8F as 100%.

0.0%	0.0% #488C7B	RGB 72 140 123	#488C7B
16.7%	16.7% #5A967E	RGB 90 150 126	#5A967E
33.3%	33.3% #6CA181	RGB 108 161 129	#6CA181
50.0%	50.0% #7EAC85	RGB 126 172 133	#7EAC85
66.7%	66.7% #90B788	RGB 144 183 136	#90B788
83.3%	83.3% #A2C28B	RGB 162 194 139	#A2C28B
100.0%	100.0% #B5CD8F	RGB 181 205 143	#B5CD8F

#488C7B #5A967E #6CA181 #7EAC85 #90B788 #A2C28B #B5CD8F

#488C7B - #B5CD8F

HSV Blend

#488C7B - #B5CD8F | 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 #488C7B as 0% and #B5CD8F as 100%.

0.0%	0.0% #488C7B	RGB 72 140 123	#488C7B
16.7%	16.7% #529676	RGB 82 150 118	#529676
33.3%	33.3% #5DA171	RGB 93 161 113	#5DA171
50.0%	50.0% #68AC6D	RGB 104 172 109	#68AC6D
66.7%	66.7% #7FB774	RGB 127 183 116	#7FB774
83.3%	83.3% #9AC281	RGB 154 194 129	#9AC281
100.0%	100.0% #B5CD8F	RGB 181 205 143	#B5CD8F

#488C7B #529676 #5DA171 #68AC6D #7FB774 #9AC281 #B5CD8F

#488C7B - #68AC6D - #B5CD8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488C7B 0%, #68AC6D 50%, #B5CD8F 100%);
    background: -webkit-linear-gradient(top, #488C7B 0%, #68AC6D 50%, #B5CD8F 100%);
    background: linear-gradient(to bottom, #488C7B 0%, #68AC6D 50%, #B5CD8F 100%);
}
</style>