#00968D - #005847 | 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 #00968D to #005847

#00968D #005847

Calculate the color between two colors, #00968D and #005847. 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)

#00968D - #005847 | 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 #00968D as 0% and #005847 as 100%.

0.0%	0.0% #00968D	RGB 0 150 141	#00968D
16.7%	16.7% #008B81	RGB 0 139 129	#008B81
33.3%	33.3% #008175	RGB 0 129 117	#008175
50.0%	50.0% #00776A	RGB 0 119 106	#00776A
66.7%	66.7% #006C5E	RGB 0 108 94	#006C5E
83.3%	83.3% #006252	RGB 0 98 82	#006252
100.0%	100.0% #005847	RGB 0 88 71	#005847

#00968D #008B81 #008175 #00776A #006C5E #006252 #005847

#00968D - #005847

HSV Blend

#00968D - #005847 | 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 #00968D as 0% and #005847 as 100%.

0.0%	0.0% #00968D	RGB 0 150 141	#00968D
16.7%	16.7% #008B80	RGB 0 139 128	#008B80
33.3%	33.3% #008173	RGB 0 129 115	#008173
50.0%	50.0% #007767	RGB 0 119 103	#007767
66.7%	66.7% #006C5C	RGB 0 108 92	#006C5C
83.3%	83.3% #006251	RGB 0 98 81	#006251
100.0%	100.0% #005847	RGB 0 88 71	#005847

#00968D #008B80 #008173 #007767 #006C5C #006251 #005847

#00968D - #007767 - #005847

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00968D 0%, #007767 50%, #005847 100%);
    background: -webkit-linear-gradient(top, #00968D 0%, #007767 50%, #005847 100%);
    background: linear-gradient(to bottom, #00968D 0%, #007767 50%, #005847 100%);
}
</style>