#757E6C - #DBDC8F | 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 #757E6C to #DBDC8F

#757E6C #DBDC8F

Calculate the color between two colors, #757E6C and #DBDC8F. 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)

#757E6C - #DBDC8F | 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 #757E6C as 0% and #DBDC8F as 100%.

0.0%	0.0% #757E6C	RGB 117 126 108	#757E6C
16.7%	16.7% #868D71	RGB 134 141 113	#868D71
33.3%	33.3% #979D77	RGB 151 157 119	#979D77
50.0%	50.0% #A8AD7D	RGB 168 173 125	#A8AD7D
66.7%	66.7% #B9BC83	RGB 185 188 131	#B9BC83
83.3%	83.3% #CACC89	RGB 202 204 137	#CACC89
100.0%	100.0% #DBDC8F	RGB 219 220 143	#DBDC8F

#757E6C #868D71 #979D77 #A8AD7D #B9BC83 #CACC89 #DBDC8F

#757E6C - #DBDC8F

HSV Blend

#757E6C - #DBDC8F | 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 #757E6C as 0% and #DBDC8F as 100%.

0.0%	0.0% #757E6C	RGB 117 126 108	#757E6C
16.7%	16.7% #838D74	RGB 131 141 116	#838D74
33.3%	33.3% #929D7B	RGB 146 157 123	#929D7B
50.0%	50.0% #A2AD82	RGB 162 173 130	#A2AD82
66.7%	66.7% #B3BC87	RGB 179 188 135	#B3BC87
83.3%	83.3% #C6CC8B	RGB 198 204 139	#C6CC8B
100.0%	100.0% #DBDC8F	RGB 219 220 143	#DBDC8F

#757E6C #838D74 #929D7B #A2AD82 #B3BC87 #C6CC8B #DBDC8F

#757E6C - #A2AD82 - #DBDC8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #757E6C 0%, #A2AD82 50%, #DBDC8F 100%);
    background: -webkit-linear-gradient(top, #757E6C 0%, #A2AD82 50%, #DBDC8F 100%);
    background: linear-gradient(to bottom, #757E6C 0%, #A2AD82 50%, #DBDC8F 100%);
}
</style>