#7E8C7E - #DBCA92 | 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 #7E8C7E to #DBCA92

#7E8C7E #DBCA92

Calculate the color between two colors, #7E8C7E and #DBCA92. 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)

#7E8C7E - #DBCA92 | 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 #7E8C7E as 0% and #DBCA92 as 100%.

0.0%	0.0% #7E8C7E	RGB 126 140 126	#7E8C7E
16.7%	16.7% #8D9681	RGB 141 150 129	#8D9681
33.3%	33.3% #9DA084	RGB 157 160 132	#9DA084
50.0%	50.0% #ACAB88	RGB 172 171 136	#ACAB88
66.7%	66.7% #BCB58B	RGB 188 181 139	#BCB58B
83.3%	83.3% #CBBF8E	RGB 203 191 142	#CBBF8E
100.0%	100.0% #DBCA92	RGB 219 202 146	#DBCA92

#7E8C7E #8D9681 #9DA084 #ACAB88 #BCB58B #CBBF8E #DBCA92

#7E8C7E - #DBCA92

HSV Blend

#7E8C7E - #DBCA92 | 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 #7E8C7E as 0% and #DBCA92 as 100%.

0.0%	0.0% #7E8C7E	RGB 126 140 126	#7E8C7E
16.7%	16.7% #889983	RGB 136 153 131	#889983
33.3%	33.3% #94A688	RGB 148 166 136	#94A688
50.0%	50.0% #A4B38C	RGB 164 179 140	#A4B38C
66.7%	66.7% #B7C08F	RGB 183 192 143	#B7C08F
83.3%	83.3% #CDCC91	RGB 205 204 145	#CDCC91
100.0%	100.0% #DBCA92	RGB 219 202 146	#DBCA92

#7E8C7E #889983 #94A688 #A4B38C #B7C08F #CDCC91 #DBCA92

#7E8C7E - #A4B38C - #DBCA92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E8C7E 0%, #A4B38C 50%, #DBCA92 100%);
    background: -webkit-linear-gradient(top, #7E8C7E 0%, #A4B38C 50%, #DBCA92 100%);
    background: linear-gradient(to bottom, #7E8C7E 0%, #A4B38C 50%, #DBCA92 100%);
}
</style>