#075D5E - #201C16 | 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 #075D5E to #201C16

#075D5E #201C16

Calculate the color between two colors, #075D5E and #201C16. 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)

#075D5E - #201C16 | 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 #075D5E as 0% and #201C16 as 100%.

0.0%	0.0% #075D5E	RGB 7 93 94	#075D5E
16.7%	16.7% #0B5252	RGB 11 82 82	#0B5252
33.3%	33.3% #0F4746	RGB 15 71 70	#0F4746
50.0%	50.0% #133C3A	RGB 19 60 58	#133C3A
66.7%	66.7% #17312E	RGB 23 49 46	#17312E
83.3%	83.3% #1B2622	RGB 27 38 34	#1B2622
100.0%	100.0% #201C16	RGB 32 28 22	#201C16

#075D5E #0B5252 #0F4746 #133C3A #17312E #1B2622 #201C16

#075D5E - #201C16

HSV Blend

#075D5E - #201C16 | 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 #075D5E as 0% and #201C16 as 100%.

0.0%	0.0% #065D5E	RGB 6 93 94	#065D5E
16.7%	16.7% #0E5338	RGB 14 83 56	#0E5338
33.3%	33.3% #14491F	RGB 20 73 31	#14491F
50.0%	50.0% #1F3F18	RGB 31 63 24	#1F3F18
66.7%	66.7% #293419	RGB 41 52 25	#293419
83.3%	83.3% #2A2A18	RGB 42 42 24	#2A2A18
100.0%	100.0% #201C16	RGB 32 28 22	#201C16

#065D5E #0E5338 #14491F #1F3F18 #293419 #2A2A18 #201C16

#075D5E - #1F3F18 - #201C16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #065D5E 0%, #1F3F18 50%, #201C16 100%);
    background: -webkit-linear-gradient(top, #065D5E 0%, #1F3F18 50%, #201C16 100%);
    background: linear-gradient(to bottom, #065D5E 0%, #1F3F18 50%, #201C16 100%);
}
</style>