#677B7E - #D0BCA2 | 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 #677B7E to #D0BCA2

#677B7E #D0BCA2

Calculate the color between two colors, #677B7E and #D0BCA2. 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)

#677B7E - #D0BCA2 | 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 #677B7E as 0% and #D0BCA2 as 100%.

0.0%	0.0% #677B7E	RGB 103 123 126	#677B7E
16.7%	16.7% #788584	RGB 120 133 132	#788584
33.3%	33.3% #8A908A	RGB 138 144 138	#8A908A
50.0%	50.0% #9B9B90	RGB 155 155 144	#9B9B90
66.7%	66.7% #ADA696	RGB 173 166 150	#ADA696
83.3%	83.3% #BEB19C	RGB 190 177 156	#BEB19C
100.0%	100.0% #D0BCA2	RGB 208 188 162	#D0BCA2

#677B7E #788584 #8A908A #9B9B90 #ADA696 #BEB19C #D0BCA2

#677B7E - #D0BCA2

HSV Blend

#677B7E - #D0BCA2 | 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 #677B7E as 0% and #D0BCA2 as 100%.

0.0%	0.0% #677B7E	RGB 103 123 126	#677B7E
16.7%	16.7% #718B83	RGB 113 139 131	#718B83
33.3%	33.3% #7B9983	RGB 123 153 131	#7B9983
50.0%	50.0% #8AA785	RGB 138 167 133	#8AA785
66.7%	66.7% #A4B48F	RGB 164 180 143	#A4B48F
83.3%	83.3% #C2C298	RGB 194 194 152	#C2C298
100.0%	100.0% #D0BCA2	RGB 208 188 162	#D0BCA2

#677B7E #718B83 #7B9983 #8AA785 #A4B48F #C2C298 #D0BCA2

#677B7E - #8AA785 - #D0BCA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #677B7E 0%, #8AA785 50%, #D0BCA2 100%);
    background: -webkit-linear-gradient(top, #677B7E 0%, #8AA785 50%, #D0BCA2 100%);
    background: linear-gradient(to bottom, #677B7E 0%, #8AA785 50%, #D0BCA2 100%);
}
</style>