#007C5E - #034727 | 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 #007C5E to #034727

#007C5E #034727

Calculate the color between two colors, #007C5E and #034727. 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)

#007C5E - #034727 | 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 #007C5E as 0% and #034727 as 100%.

0.0%	0.0% #007C5E	RGB 0 124 94	#007C5E
16.7%	16.7% #007354	RGB 0 115 84	#007354
33.3%	33.3% #016A4B	RGB 1 106 75	#016A4B
50.0%	50.0% #016142	RGB 1 97 66	#016142
66.7%	66.7% #025839	RGB 2 88 57	#025839
83.3%	83.3% #024F30	RGB 2 79 48	#024F30
100.0%	100.0% #034727	RGB 3 71 39	#034727

#007C5E #007354 #016A4B #016142 #025839 #024F30 #034727

#007C5E - #034727

HSV Blend

#007C5E - #034727 | 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 #007C5E as 0% and #034727 as 100%.

0.0%	0.0% #007C5E	RGB 0 124 94	#007C5E
16.7%	16.7% #007353	RGB 0 115 83	#007353
33.3%	33.3% #016A48	RGB 1 106 72	#016A48
50.0%	50.0% #02613F	RGB 2 97 63	#02613F
66.7%	66.7% #025836	RGB 2 88 54	#025836
83.3%	83.3% #024F2E	RGB 2 79 46	#024F2E
100.0%	100.0% #034727	RGB 3 71 39	#034727

#007C5E #007353 #016A48 #02613F #025836 #024F2E #034727

#007C5E - #02613F - #034727

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007C5E 0%, #02613F 50%, #034727 100%);
    background: -webkit-linear-gradient(top, #007C5E 0%, #02613F 50%, #034727 100%);
    background: linear-gradient(to bottom, #007C5E 0%, #02613F 50%, #034727 100%);
}
</style>