#7A8F8B - #DCB8AD | 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 #7A8F8B to #DCB8AD

#7A8F8B #DCB8AD

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

#7A8F8B - #DCB8AD | 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 #7A8F8B as 0% and #DCB8AD as 100%.

0.0%	0.0% #7A8F8B	RGB 122 143 139	#7A8F8B
16.7%	16.7% #8A9590	RGB 138 149 144	#8A9590
33.3%	33.3% #9A9C96	RGB 154 156 150	#9A9C96
50.0%	50.0% #ABA39C	RGB 171 163 156	#ABA39C
66.7%	66.7% #BBAAA1	RGB 187 170 161	#BBAAA1
83.3%	83.3% #CBB1A7	RGB 203 177 167	#CBB1A7
100.0%	100.0% #DCB8AD	RGB 220 184 173	#DCB8AD

#7A8F8B #8A9590 #9A9C96 #ABA39C #BBAAA1 #CBB1A7 #DCB8AD

#7A8F8B - #DCB8AD

HSV Blend

#7A8F8B - #DCB8AD | 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 #7A8F8B as 0% and #DCB8AD as 100%.

0.0%	0.0% #7A8F8B	RGB 122 143 139	#7A8F8B
16.7%	16.7% #839B8C	RGB 131 155 140	#839B8C
33.3%	33.3% #8DA88C	RGB 141 168 140	#8DA88C
50.0%	50.0% #A4B594	RGB 164 181 148	#A4B594
66.7%	66.7% #BEC29D	RGB 190 194 157	#BEC29D
83.3%	83.3% #CFC1A5	RGB 207 193 165	#CFC1A5
100.0%	100.0% #DCB8AD	RGB 220 184 173	#DCB8AD

#7A8F8B #839B8C #8DA88C #A4B594 #BEC29D #CFC1A5 #DCB8AD

#7A8F8B - #A4B594 - #DCB8AD

CSS codes

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

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