#616A56 - #263F0F | 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 #616A56 to #263F0F

#616A56 #263F0F

Calculate the color between two colors, #616A56 and #263F0F. 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)

#616A56 - #263F0F | 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 #616A56 as 0% and #263F0F as 100%.

0.0%	0.0% #616A56	RGB 97 106 86	#616A56
16.7%	16.7% #57624A	RGB 87 98 74	#57624A
33.3%	33.3% #4D5B3E	RGB 77 91 62	#4D5B3E
50.0%	50.0% #435432	RGB 67 84 50	#435432
66.7%	66.7% #394D26	RGB 57 77 38	#394D26
83.3%	83.3% #2F461A	RGB 47 70 26	#2F461A
100.0%	100.0% #263F0F	RGB 38 63 15	#263F0F

#616A56 #57624A #4D5B3E #435432 #394D26 #2F461A #263F0F

#616A56 - #263F0F

HSV Blend

#616A56 - #263F0F | 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 #616A56 as 0% and #263F0F as 100%.

0.0%	0.0% #616A56	RGB 97 106 86	#616A56
16.7%	16.7% #556246	RGB 85 98 70	#556246
33.3%	33.3% #4B5B38	RGB 75 91 56	#4B5B38
50.0%	50.0% #41542C	RGB 65 84 44	#41542C
66.7%	66.7% #374D21	RGB 55 77 33	#374D21
83.3%	83.3% #2E4617	RGB 46 70 23	#2E4617
100.0%	100.0% #263F0F	RGB 38 63 15	#263F0F

#616A56 #556246 #4B5B38 #41542C #374D21 #2E4617 #263F0F

#616A56 - #41542C - #263F0F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616A56 0%, #41542C 50%, #263F0F 100%);
    background: -webkit-linear-gradient(top, #616A56 0%, #41542C 50%, #263F0F 100%);
    background: linear-gradient(to bottom, #616A56 0%, #41542C 50%, #263F0F 100%);
}
</style>