#79887F - #294C45 | 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 #79887F to #294C45

#79887F #294C45

Calculate the color between two colors, #79887F and #294C45. 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)

#79887F - #294C45 | 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 #79887F as 0% and #294C45 as 100%.

0.0%	0.0% #79887F	RGB 121 136 127	#79887F
16.7%	16.7% #6B7E75	RGB 107 126 117	#6B7E75
33.3%	33.3% #5E746B	RGB 94 116 107	#5E746B
50.0%	50.0% #516A62	RGB 81 106 98	#516A62
66.7%	66.7% #436058	RGB 67 96 88	#436058
83.3%	83.3% #36564E	RGB 54 86 78	#36564E
100.0%	100.0% #294C45	RGB 41 76 69	#294C45

#79887F #6B7E75 #5E746B #516A62 #436058 #36564E #294C45

#79887F - #294C45

HSV Blend

#79887F - #294C45 | 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 #79887F as 0% and #294C45 as 100%.

0.0%	0.0% #79887F	RGB 121 136 127	#79887F
16.7%	16.7% #687E72	RGB 104 126 114	#687E72
33.3%	33.3% #597467	RGB 89 116 103	#597467
50.0%	50.0% #4B6A5D	RGB 75 106 93	#4B6A5D
66.7%	66.7% #3E6054	RGB 62 96 84	#3E6054
83.3%	83.3% #33564C	RGB 51 86 76	#33564C
100.0%	100.0% #294C45	RGB 41 76 69	#294C45

#79887F #687E72 #597467 #4B6A5D #3E6054 #33564C #294C45

#79887F - #4B6A5D - #294C45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #79887F 0%, #4B6A5D 50%, #294C45 100%);
    background: -webkit-linear-gradient(top, #79887F 0%, #4B6A5D 50%, #294C45 100%);
    background: linear-gradient(to bottom, #79887F 0%, #4B6A5D 50%, #294C45 100%);
}
</style>