#1C6B6B - #00422C | 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 #1C6B6B to #00422C

#1C6B6B #00422C

Calculate the color between two colors, #1C6B6B and #00422C. 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)

#1C6B6B - #00422C | 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 #1C6B6B as 0% and #00422C as 100%.

0.0%	0.0% #1C6B6B	RGB 28 107 107	#1C6B6B
16.7%	16.7% #176460	RGB 23 100 96	#176460
33.3%	33.3% #125D56	RGB 18 93 86	#125D56
50.0%	50.0% #0E564B	RGB 14 86 75	#0E564B
66.7%	66.7% #094F41	RGB 9 79 65	#094F41
83.3%	83.3% #044836	RGB 4 72 54	#044836
100.0%	100.0% #00422C	RGB 0 66 44	#00422C

#1C6B6B #176460 #125D56 #0E564B #094F41 #044836 #00422C

#1C6B6B - #00422C

HSV Blend

#1C6B6B - #00422C | 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 #1C6B6B as 0% and #00422C as 100%.

0.0%	0.0% #1B6B6B	RGB 27 107 107	#1B6B6B
16.7%	16.7% #15645F	RGB 21 100 95	#15645F
33.3%	33.3% #105D54	RGB 16 93 84	#105D54
50.0%	50.0% #0B5649	RGB 11 86 73	#0B5649
66.7%	66.7% #064F3F	RGB 6 79 63	#064F3F
83.3%	83.3% #034835	RGB 3 72 53	#034835
100.0%	100.0% #00422C	RGB 0 66 44	#00422C

#1B6B6B #15645F #105D54 #0B5649 #064F3F #034835 #00422C

#1C6B6B - #0B5649 - #00422C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B6B6B 0%, #0B5649 50%, #00422C 100%);
    background: -webkit-linear-gradient(top, #1B6B6B 0%, #0B5649 50%, #00422C 100%);
    background: linear-gradient(to bottom, #1B6B6B 0%, #0B5649 50%, #00422C 100%);
}
</style>