#05482B - #509B60 | 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 #05482B to #509B60

#05482B #509B60

Calculate the color between two colors, #05482B and #509B60. 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)

#05482B - #509B60 | 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 #05482B as 0% and #509B60 as 100%.

0.0%	0.0% #05482B	RGB 5 72 43	#05482B
16.7%	16.7% #115533	RGB 17 85 51	#115533
33.3%	33.3% #1E633C	RGB 30 99 60	#1E633C
50.0%	50.0% #2A7145	RGB 42 113 69	#2A7145
66.7%	66.7% #377F4E	RGB 55 127 78	#377F4E
83.3%	83.3% #438D57	RGB 67 141 87	#438D57
100.0%	100.0% #509B60	RGB 80 155 96	#509B60

#05482B #115533 #1E633C #2A7145 #377F4E #438D57 #509B60

#05482B - #509B60

HSV Blend

#05482B - #509B60 | 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 #05482B as 0% and #509B60 as 100%.

0.0%	0.0% #04482B	RGB 4 72 43	#04482B
16.7%	16.7% #0C5531	RGB 12 85 49	#0C5531
33.3%	33.3% #156338	RGB 21 99 56	#156338
50.0%	50.0% #217140	RGB 33 113 64	#217140
66.7%	66.7% #2E7F49	RGB 46 127 73	#2E7F49
83.3%	83.3% #3E8D53	RGB 62 141 83	#3E8D53
100.0%	100.0% #509B60	RGB 80 155 96	#509B60

#04482B #0C5531 #156338 #217140 #2E7F49 #3E8D53 #509B60

#05482B - #217140 - #509B60

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #04482B 0%, #217140 50%, #509B60 100%);
    background: -webkit-linear-gradient(top, #04482B 0%, #217140 50%, #509B60 100%);
    background: linear-gradient(to bottom, #04482B 0%, #217140 50%, #509B60 100%);
}
</style>