#00766F - #1F201E | 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 #00766F to #1F201E

#00766F #1F201E

Calculate the color between two colors, #00766F and #1F201E. 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)

#00766F - #1F201E | 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 #00766F as 0% and #1F201E as 100%.

0.0%	0.0% #00766F	RGB 0 118 111	#00766F
16.7%	16.7% #056761	RGB 5 103 97	#056761
33.3%	33.3% #0A5954	RGB 10 89 84	#0A5954
50.0%	50.0% #0F4B46	RGB 15 75 70	#0F4B46
66.7%	66.7% #143C39	RGB 20 60 57	#143C39
83.3%	83.3% #192E2B	RGB 25 46 43	#192E2B
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#00766F #056761 #0A5954 #0F4B46 #143C39 #192E2B #1F201E

#00766F - #1F201E

HSV Blend

#00766F - #1F201E | 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 #00766F as 0% and #1F201E as 100%.

0.0%	0.0% #00766F	RGB 0 118 111	#00766F
16.7%	16.7% #10674D	RGB 16 103 77	#10674D
33.3%	33.3% #1B5938	RGB 27 89 56	#1B5938
50.0%	50.0% #234B2B	RGB 35 75 43	#234B2B
66.7%	66.7% #263C25	RGB 38 60 37	#263C25
83.3%	83.3% #262E24	RGB 38 46 36	#262E24
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#00766F #10674D #1B5938 #234B2B #263C25 #262E24 #1F201E

#00766F - #234B2B - #1F201E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00766F 0%, #234B2B 50%, #1F201E 100%);
    background: -webkit-linear-gradient(top, #00766F 0%, #234B2B 50%, #1F201E 100%);
    background: linear-gradient(to bottom, #00766F 0%, #234B2B 50%, #1F201E 100%);
}
</style>