#267F5E - #06492B | 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 #267F5E to #06492B

#267F5E #06492B

Calculate the color between two colors, #267F5E and #06492B. 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)

#267F5E - #06492B | 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 #267F5E as 0% and #06492B as 100%.

0.0%	0.0% #267F5E	RGB 38 127 94	#267F5E
16.7%	16.7% #207655	RGB 32 118 85	#207655
33.3%	33.3% #1B6D4D	RGB 27 109 77	#1B6D4D
50.0%	50.0% #166444	RGB 22 100 68	#166444
66.7%	66.7% #105B3C	RGB 16 91 60	#105B3C
83.3%	83.3% #0B5233	RGB 11 82 51	#0B5233
100.0%	100.0% #06492B	RGB 6 73 43	#06492B

#267F5E #207655 #1B6D4D #166444 #105B3C #0B5233 #06492B

#267F5E - #06492B

HSV Blend

#267F5E - #06492B | 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 #267F5E as 0% and #06492B as 100%.

0.0%	0.0% #257F5D	RGB 37 127 93	#257F5D
16.7%	16.7% #1F7654	RGB 31 118 84	#1F7654
33.3%	33.3% #186D4B	RGB 24 109 75	#186D4B
50.0%	50.0% #136442	RGB 19 100 66	#136442
66.7%	66.7% #0E5B3A	RGB 14 91 58	#0E5B3A
83.3%	83.3% #095232	RGB 9 82 50	#095232
100.0%	100.0% #06492B	RGB 6 73 43	#06492B

#257F5D #1F7654 #186D4B #136442 #0E5B3A #095232 #06492B

#267F5E - #136442 - #06492B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #257F5D 0%, #136442 50%, #06492B 100%);
    background: -webkit-linear-gradient(top, #257F5D 0%, #136442 50%, #06492B 100%);
    background: linear-gradient(to bottom, #257F5D 0%, #136442 50%, #06492B 100%);
}
</style>