#6F7E5C - #D6DAD0 | 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 #6F7E5C to #D6DAD0

#6F7E5C #D6DAD0

Calculate the color between two colors, #6F7E5C and #D6DAD0. 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)

#6F7E5C - #D6DAD0 | 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 #6F7E5C as 0% and #D6DAD0 as 100%.

0.0%	0.0% #6F7E5C	RGB 111 126 92	#6F7E5C
16.7%	16.7% #808D6F	RGB 128 141 111	#808D6F
33.3%	33.3% #919C82	RGB 145 156 130	#919C82
50.0%	50.0% #A2AC96	RGB 162 172 150	#A2AC96
66.7%	66.7% #B3BBA9	RGB 179 187 169	#B3BBA9
83.3%	83.3% #C4CABC	RGB 196 202 188	#C4CABC
100.0%	100.0% #D6DAD0	RGB 214 218 208	#D6DAD0

#6F7E5C #808D6F #919C82 #A2AC96 #B3BBA9 #C4CABC #D6DAD0

#6F7E5C - #D6DAD0

HSV Blend

#6F7E5C - #D6DAD0 | 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 #6F7E5C as 0% and #D6DAD0 as 100%.

0.0%	0.0% #6F7E5C	RGB 111 126 92	#6F7E5C
16.7%	16.7% #7F8D6C	RGB 127 141 108	#7F8D6C
33.3%	33.3% #8F9C7E	RGB 143 156 126	#8F9C7E
50.0%	50.0% #A0AC90	RGB 160 172 144	#A0AC90
66.7%	66.7% #B1BBA4	RGB 177 187 164	#B1BBA4
83.3%	83.3% #C3CAB9	RGB 195 202 185	#C3CAB9
100.0%	100.0% #D6DAD0	RGB 214 218 208	#D6DAD0

#6F7E5C #7F8D6C #8F9C7E #A0AC90 #B1BBA4 #C3CAB9 #D6DAD0

#6F7E5C - #A0AC90 - #D6DAD0

CSS codes

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

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