#00975B - #01582B | 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 #00975B to #01582B

#00975B #01582B

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

#00975B - #01582B | 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 #00975B as 0% and #01582B as 100%.

0.0%	0.0% #00975B	RGB 0 151 91	#00975B
16.7%	16.7% #008C53	RGB 0 140 83	#008C53
33.3%	33.3% #00824B	RGB 0 130 75	#00824B
50.0%	50.0% #007743	RGB 0 119 67	#007743
66.7%	66.7% #006D3B	RGB 0 109 59	#006D3B
83.3%	83.3% #006233	RGB 0 98 51	#006233
100.0%	100.0% #01582B	RGB 1 88 43	#01582B

#00975B #008C53 #00824B #007743 #006D3B #006233 #01582B

#00975B - #01582B

HSV Blend

#00975B - #01582B | 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 #00975B as 0% and #01582B as 100%.

0.0%	0.0% #00975B	RGB 0 151 91	#00975B
16.7%	16.7% #008C51	RGB 0 140 81	#008C51
33.3%	33.3% #008249	RGB 0 130 73	#008249
50.0%	50.0% #007741	RGB 0 119 65	#007741
66.7%	66.7% #006D39	RGB 0 109 57	#006D39
83.3%	83.3% #006231	RGB 0 98 49	#006231
100.0%	100.0% #01582B	RGB 1 88 43	#01582B

#00975B #008C51 #008249 #007741 #006D39 #006231 #01582B

#00975B - #007741 - #01582B

CSS codes

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

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