#425E5E - #8AA276 | 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 #425E5E to #8AA276

#425E5E #8AA276

Calculate the color between two colors, #425E5E and #8AA276. 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)

#425E5E - #8AA276 | 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 #425E5E as 0% and #8AA276 as 100%.

0.0%	0.0% #425E5E	RGB 66 94 94	#425E5E
16.7%	16.7% #4E6962	RGB 78 105 98	#4E6962
33.3%	33.3% #5A7466	RGB 90 116 102	#5A7466
50.0%	50.0% #66806A	RGB 102 128 106	#66806A
66.7%	66.7% #728B6E	RGB 114 139 110	#728B6E
83.3%	83.3% #7E9672	RGB 126 150 114	#7E9672
100.0%	100.0% #8AA276	RGB 138 162 118	#8AA276

#425E5E #4E6962 #5A7466 #66806A #728B6E #7E9672 #8AA276

#425E5E - #8AA276

HSV Blend

#425E5E - #8AA276 | 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 #425E5E as 0% and #8AA276 as 100%.

0.0%	0.0% #425E5E	RGB 66 94 94	#425E5E
16.7%	16.7% #4A6961	RGB 74 105 97	#4A6961
33.3%	33.3% #527464	RGB 82 116 100	#527464
50.0%	50.0% #5B8065	RGB 91 128 101	#5B8065
66.7%	66.7% #648B65	RGB 100 139 101	#648B65
83.3%	83.3% #75966D	RGB 117 150 109	#75966D
100.0%	100.0% #8AA276	RGB 138 162 118	#8AA276

#425E5E #4A6961 #527464 #5B8065 #648B65 #75966D #8AA276

#425E5E - #5B8065 - #8AA276

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #425E5E 0%, #5B8065 50%, #8AA276 100%);
    background: -webkit-linear-gradient(top, #425E5E 0%, #5B8065 50%, #8AA276 100%);
    background: linear-gradient(to bottom, #425E5E 0%, #5B8065 50%, #8AA276 100%);
}
</style>