#7F7E6B - #DADAD4 | 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 #7F7E6B to #DADAD4

#7F7E6B #DADAD4

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

#7F7E6B - #DADAD4 | 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 #7F7E6B as 0% and #DADAD4 as 100%.

0.0%	0.0% #7F7E6B	RGB 127 126 107	#7F7E6B
16.7%	16.7% #8E8D7C	RGB 142 141 124	#8E8D7C
33.3%	33.3% #9D9C8E	RGB 157 156 142	#9D9C8E
50.0%	50.0% #ACAC9F	RGB 172 172 159	#ACAC9F
66.7%	66.7% #BBBBB1	RGB 187 187 177	#BBBBB1
83.3%	83.3% #CACAC2	RGB 202 202 194	#CACAC2
100.0%	100.0% #DADAD4	RGB 218 218 212	#DADAD4

#7F7E6B #8E8D7C #9D9C8E #ACAC9F #BBBBB1 #CACAC2 #DADAD4

#7F7E6B - #DADAD4

HSV Blend

#7F7E6B - #DADAD4 | 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 #7F7E6B as 0% and #DADAD4 as 100%.

0.0%	0.0% #7F7E6B	RGB 127 126 107	#7F7E6B
16.7%	16.7% #8E8D7A	RGB 142 141 122	#8E8D7A
33.3%	33.3% #9D9C8B	RGB 157 156 139	#9D9C8B
50.0%	50.0% #ACAC9C	RGB 172 172 156	#ACAC9C
66.7%	66.7% #BBBBAE	RGB 187 187 174	#BBBBAE
83.3%	83.3% #CACAC0	RGB 202 202 192	#CACAC0
100.0%	100.0% #DADAD4	RGB 218 218 212	#DADAD4

#7F7E6B #8E8D7A #9D9C8B #ACAC9C #BBBBAE #CACAC0 #DADAD4

#7F7E6B - #ACAC9C - #DADAD4

CSS codes

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

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