#1C7267 - #02442B | 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 #1C7267 to #02442B

#1C7267 #02442B

Calculate the color between two colors, #1C7267 and #02442B. 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)

#1C7267 - #02442B | 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 #1C7267 as 0% and #02442B as 100%.

0.0%	0.0% #1C7267	RGB 28 114 103	#1C7267
16.7%	16.7% #176A5D	RGB 23 106 93	#176A5D
33.3%	33.3% #136253	RGB 19 98 83	#136253
50.0%	50.0% #0F5B49	RGB 15 91 73	#0F5B49
66.7%	66.7% #0A533F	RGB 10 83 63	#0A533F
83.3%	83.3% #064B35	RGB 6 75 53	#064B35
100.0%	100.0% #02442B	RGB 2 68 43	#02442B

#1C7267 #176A5D #136253 #0F5B49 #0A533F #064B35 #02442B

#1C7267 - #02442B

HSV Blend

#1C7267 - #02442B | 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 #1C7267 as 0% and #02442B as 100%.

0.0%	0.0% #1C7267	RGB 28 114 103	#1C7267
16.7%	16.7% #166A5C	RGB 22 106 92	#166A5C
33.3%	33.3% #116251	RGB 17 98 81	#116251
50.0%	50.0% #0C5B47	RGB 12 91 71	#0C5B47
66.7%	66.7% #08533D	RGB 8 83 61	#08533D
83.3%	83.3% #044B33	RGB 4 75 51	#044B33
100.0%	100.0% #02442B	RGB 2 68 43	#02442B

#1C7267 #166A5C #116251 #0C5B47 #08533D #044B33 #02442B

#1C7267 - #0C5B47 - #02442B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C7267 0%, #0C5B47 50%, #02442B 100%);
    background: -webkit-linear-gradient(top, #1C7267 0%, #0C5B47 50%, #02442B 100%);
    background: linear-gradient(to bottom, #1C7267 0%, #0C5B47 50%, #02442B 100%);
}
</style>