#425E3E - #ADB765 | 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 #425E3E to #ADB765

#425E3E #ADB765

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

#425E3E - #ADB765 | 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 #425E3E as 0% and #ADB765 as 100%.

0.0%	0.0% #425E3E	RGB 66 94 62	#425E3E
16.7%	16.7% #536C44	RGB 83 108 68	#536C44
33.3%	33.3% #657B4B	RGB 101 123 75	#657B4B
50.0%	50.0% #778A51	RGB 119 138 81	#778A51
66.7%	66.7% #899958	RGB 137 153 88	#899958
83.3%	83.3% #9BA85E	RGB 155 168 94	#9BA85E
100.0%	100.0% #ADB765	RGB 173 183 101	#ADB765

#425E3E #536C44 #657B4B #778A51 #899958 #9BA85E #ADB765

#425E3E - #ADB765

HSV Blend

#425E3E - #ADB765 | 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 #425E3E as 0% and #ADB765 as 100%.

0.0%	0.0% #425E3E	RGB 66 94 62	#425E3E
16.7%	16.7% #4F6C45	RGB 79 108 69	#4F6C45
33.3%	33.3% #5E7B4D	RGB 94 123 77	#5E7B4D
50.0%	50.0% #6F8A53	RGB 111 138 83	#6F8A53
66.7%	66.7% #81995A	RGB 129 153 90	#81995A
83.3%	83.3% #96A85F	RGB 150 168 95	#96A85F
100.0%	100.0% #ADB765	RGB 173 183 101	#ADB765

#425E3E #4F6C45 #5E7B4D #6F8A53 #81995A #96A85F #ADB765

#425E3E - #6F8A53 - #ADB765

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #425E3E 0%, #6F8A53 50%, #ADB765 100%);
    background: -webkit-linear-gradient(top, #425E3E 0%, #6F8A53 50%, #ADB765 100%);
    background: linear-gradient(to bottom, #425E3E 0%, #6F8A53 50%, #ADB765 100%);
}
</style>