#626C5E - #1E3522 | 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 #626C5E to #1E3522

#626C5E #1E3522

Calculate the color between two colors, #626C5E and #1E3522. 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)

#626C5E - #1E3522 | 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 #626C5E as 0% and #1E3522 as 100%.

0.0%	0.0% #626C5E	RGB 98 108 94	#626C5E
16.7%	16.7% #566254	RGB 86 98 84	#566254
33.3%	33.3% #4B594A	RGB 75 89 74	#4B594A
50.0%	50.0% #405040	RGB 64 80 64	#405040
66.7%	66.7% #344736	RGB 52 71 54	#344736
83.3%	83.3% #293E2C	RGB 41 62 44	#293E2C
100.0%	100.0% #1E3522	RGB 30 53 34	#1E3522

#626C5E #566254 #4B594A #405040 #344736 #293E2C #1E3522

#626C5E - #1E3522

HSV Blend

#626C5E - #1E3522 | 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 #626C5E as 0% and #1E3522 as 100%.

0.0%	0.0% #626C5E	RGB 98 108 94	#626C5E
16.7%	16.7% #546251	RGB 84 98 81	#546251
33.3%	33.3% #475944	RGB 71 89 68	#475944
50.0%	50.0% #3B5039	RGB 59 80 57	#3B5039
66.7%	66.7% #2F4730	RGB 47 71 48	#2F4730
83.3%	83.3% #263E28	RGB 38 62 40	#263E28
100.0%	100.0% #1E3522	RGB 30 53 34	#1E3522

#626C5E #546251 #475944 #3B5039 #2F4730 #263E28 #1E3522

#626C5E - #3B5039 - #1E3522

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #626C5E 0%, #3B5039 50%, #1E3522 100%);
    background: -webkit-linear-gradient(top, #626C5E 0%, #3B5039 50%, #1E3522 100%);
    background: linear-gradient(to bottom, #626C5E 0%, #3B5039 50%, #1E3522 100%);
}
</style>