#0C5E4B - #6EB47A | 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 #0C5E4B to #6EB47A

#0C5E4B #6EB47A

Calculate the color between two colors, #0C5E4B and #6EB47A. 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)

#0C5E4B - #6EB47A | 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 #0C5E4B as 0% and #6EB47A as 100%.

0.0%	0.0% #0C5E4B	RGB 12 94 75	#0C5E4B
16.7%	16.7% #1C6C52	RGB 28 108 82	#1C6C52
33.3%	33.3% #2C7A5A	RGB 44 122 90	#2C7A5A
50.0%	50.0% #3D8962	RGB 61 137 98	#3D8962
66.7%	66.7% #4D976A	RGB 77 151 106	#4D976A
83.3%	83.3% #5DA572	RGB 93 165 114	#5DA572
100.0%	100.0% #6EB47A	RGB 110 180 122	#6EB47A

#0C5E4B #1C6C52 #2C7A5A #3D8962 #4D976A #5DA572 #6EB47A

#0C5E4B - #6EB47A

HSV Blend

#0C5E4B - #6EB47A | 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 #0C5E4B as 0% and #6EB47A as 100%.

0.0%	0.0% #0B5E4B	RGB 11 94 75	#0B5E4B
16.7%	16.7% #166C4F	RGB 22 108 79	#166C4F
33.3%	33.3% #237A55	RGB 35 122 85	#237A55
50.0%	50.0% #32895B	RGB 50 137 91	#32895B
66.7%	66.7% #449762	RGB 68 151 98	#449762
83.3%	83.3% #57A56C	RGB 87 165 108	#57A56C
100.0%	100.0% #6EB47A	RGB 110 180 122	#6EB47A

#0B5E4B #166C4F #237A55 #32895B #449762 #57A56C #6EB47A

#0C5E4B - #32895B - #6EB47A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0B5E4B 0%, #32895B 50%, #6EB47A 100%);
    background: -webkit-linear-gradient(top, #0B5E4B 0%, #32895B 50%, #6EB47A 100%);
    background: linear-gradient(to bottom, #0B5E4B 0%, #32895B 50%, #6EB47A 100%);
}
</style>