#6C7E5C - #1F241A | 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 #6C7E5C to #1F241A

#6C7E5C #1F241A

Calculate the color between two colors, #6C7E5C and #1F241A. 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)

#6C7E5C - #1F241A | 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 #6C7E5C as 0% and #1F241A as 100%.

0.0%	0.0% #6C7E5C	RGB 108 126 92	#6C7E5C
16.7%	16.7% #5F6F51	RGB 95 111 81	#5F6F51
33.3%	33.3% #526046	RGB 82 96 70	#526046
50.0%	50.0% #45513B	RGB 69 81 59	#45513B
66.7%	66.7% #384230	RGB 56 66 48	#384230
83.3%	83.3% #2B3325	RGB 43 51 37	#2B3325
100.0%	100.0% #1F241A	RGB 31 36 26	#1F241A

#6C7E5C #5F6F51 #526046 #45513B #384230 #2B3325 #1F241A

#6C7E5C - #1F241A

HSV Blend

#6C7E5C - #1F241A | 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 #6C7E5C as 0% and #1F241A as 100%.

0.0%	0.0% #6C7E5C	RGB 108 126 92	#6C7E5C
16.7%	16.7% #5F6F50	RGB 95 111 80	#5F6F50
33.3%	33.3% #526045	RGB 82 96 69	#526045
50.0%	50.0% #45513A	RGB 69 81 58	#45513A
66.7%	66.7% #38422F	RGB 56 66 47	#38422F
83.3%	83.3% #2B3324	RGB 43 51 36	#2B3324
100.0%	100.0% #1F241A	RGB 31 36 26	#1F241A

#6C7E5C #5F6F50 #526045 #45513A #38422F #2B3324 #1F241A

#6C7E5C - #45513A - #1F241A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C7E5C 0%, #45513A 50%, #1F241A 100%);
    background: -webkit-linear-gradient(top, #6C7E5C 0%, #45513A 50%, #1F241A 100%);
    background: linear-gradient(to bottom, #6C7E5C 0%, #45513A 50%, #1F241A 100%);
}
</style>