#1C7D5E - #05482A | 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 #1C7D5E to #05482A

#1C7D5E #05482A

Calculate the color between two colors, #1C7D5E and #05482A. 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)

#1C7D5E - #05482A | 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 #1C7D5E as 0% and #05482A as 100%.

0.0%	0.0% #1C7D5E	RGB 28 125 94	#1C7D5E
16.7%	16.7% #187455	RGB 24 116 85	#187455
33.3%	33.3% #146B4C	RGB 20 107 76	#146B4C
50.0%	50.0% #106244	RGB 16 98 68	#106244
66.7%	66.7% #0C593B	RGB 12 89 59	#0C593B
83.3%	83.3% #085032	RGB 8 80 50	#085032
100.0%	100.0% #05482A	RGB 5 72 42	#05482A

#1C7D5E #187455 #146B4C #106244 #0C593B #085032 #05482A

#1C7D5E - #05482A

HSV Blend

#1C7D5E - #05482A | 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 #1C7D5E as 0% and #05482A as 100%.

0.0%	0.0% #1B7D5D	RGB 27 125 93	#1B7D5D
16.7%	16.7% #177454	RGB 23 116 84	#177454
33.3%	33.3% #126B4B	RGB 18 107 75	#126B4B
50.0%	50.0% #0E6242	RGB 14 98 66	#0E6242
66.7%	66.7% #0A5939	RGB 10 89 57	#0A5939
83.3%	83.3% #075031	RGB 7 80 49	#075031
100.0%	100.0% #05482A	RGB 5 72 42	#05482A

#1B7D5D #177454 #126B4B #0E6242 #0A5939 #075031 #05482A

#1C7D5E - #0E6242 - #05482A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B7D5D 0%, #0E6242 50%, #05482A 100%);
    background: -webkit-linear-gradient(top, #1B7D5D 0%, #0E6242 50%, #05482A 100%);
    background: linear-gradient(to bottom, #1B7D5D 0%, #0E6242 50%, #05482A 100%);
}
</style>