#008181 - #005339 | 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 #008181 to #005339

#008181 #005339

Calculate the color between two colors, #008181 and #005339. 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)

#008181 - #005339 | 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 #008181 as 0% and #005339 as 100%.

0.0%	0.0% #008181	RGB 0 129 129	#008181
16.7%	16.7% #007975	RGB 0 121 117	#007975
33.3%	33.3% #007169	RGB 0 113 105	#007169
50.0%	50.0% #006A5D	RGB 0 106 93	#006A5D
66.7%	66.7% #006251	RGB 0 98 81	#006251
83.3%	83.3% #005A45	RGB 0 90 69	#005A45
100.0%	100.0% #005339	RGB 0 83 57	#005339

#008181 #007975 #007169 #006A5D #006251 #005A45 #005339

#008181 - #005339

HSV Blend

#008181 - #005339 | 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 #008181 as 0% and #005339 as 100%.

0.0%	0.0% #008181	RGB 0 129 129	#008181
16.7%	16.7% #007972	RGB 0 121 114	#007972
33.3%	33.3% #007165	RGB 0 113 101	#007165
50.0%	50.0% #006A59	RGB 0 106 89	#006A59
66.7%	66.7% #00624D	RGB 0 98 77	#00624D
83.3%	83.3% #005A42	RGB 0 90 66	#005A42
100.0%	100.0% #005339	RGB 0 83 57	#005339

#008181 #007972 #007165 #006A59 #00624D #005A42 #005339

#008181 - #006A59 - #005339

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008181 0%, #006A59 50%, #005339 100%);
    background: -webkit-linear-gradient(top, #008181 0%, #006A59 50%, #005339 100%);
    background: linear-gradient(to bottom, #008181 0%, #006A59 50%, #005339 100%);
}
</style>