#7E656B - #DAD3D4 | 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 #7E656B to #DAD3D4

#7E656B #DAD3D4

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

#7E656B - #DAD3D4 | 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 #7E656B as 0% and #DAD3D4 as 100%.

0.0%	0.0% #7E656B	RGB 126 101 107	#7E656B
16.7%	16.7% #8D777C	RGB 141 119 124	#8D777C
33.3%	33.3% #9C898E	RGB 156 137 142	#9C898E
50.0%	50.0% #AC9C9F	RGB 172 156 159	#AC9C9F
66.7%	66.7% #BBAEB1	RGB 187 174 177	#BBAEB1
83.3%	83.3% #CAC0C2	RGB 202 192 194	#CAC0C2
100.0%	100.0% #DAD3D4	RGB 218 211 212	#DAD3D4

#7E656B #8D777C #9C898E #AC9C9F #BBAEB1 #CAC0C2 #DAD3D4

#7E656B - #DAD3D4

HSV Blend

#7E656B - #DAD3D4 | 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 #7E656B as 0% and #DAD3D4 as 100%.

0.0%	0.0% #7E656B	RGB 126 101 107	#7E656B
16.7%	16.7% #8D757A	RGB 141 117 122	#8D757A
33.3%	33.3% #9C868A	RGB 156 134 138	#9C868A
50.0%	50.0% #AC989B	RGB 172 152 155	#AC989B
66.7%	66.7% #BBAAAD	RGB 187 170 173	#BBAAAD
83.3%	83.3% #CABEC0	RGB 202 190 192	#CABEC0
100.0%	100.0% #DAD3D4	RGB 218 211 212	#DAD3D4

#7E656B #8D757A #9C868A #AC989B #BBAAAD #CABEC0 #DAD3D4

#7E656B - #AC989B - #DAD3D4

CSS codes

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

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