#7E6374 - #DAD2D7 | 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 #7E6374 to #DAD2D7

#7E6374 #DAD2D7

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

#7E6374 - #DAD2D7 | 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 #7E6374 as 0% and #DAD2D7 as 100%.

0.0%	0.0% #7E6374	RGB 126 99 116	#7E6374
16.7%	16.7% #8D7584	RGB 141 117 132	#8D7584
33.3%	33.3% #9C8895	RGB 156 136 149	#9C8895
50.0%	50.0% #AC9AA5	RGB 172 154 165	#AC9AA5
66.7%	66.7% #BBADB6	RGB 187 173 182	#BBADB6
83.3%	83.3% #CABFC6	RGB 202 191 198	#CABFC6
100.0%	100.0% #DAD2D7	RGB 218 210 215	#DAD2D7

#7E6374 #8D7584 #9C8895 #AC9AA5 #BBADB6 #CABFC6 #DAD2D7

#7E6374 - #DAD2D7

HSV Blend

#7E6374 - #DAD2D7 | 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 #7E6374 as 0% and #DAD2D7 as 100%.

0.0%	0.0% #7E6374	RGB 126 99 116	#7E6374
16.7%	16.7% #8D7383	RGB 141 115 131	#8D7383
33.3%	33.3% #9C8493	RGB 156 132 147	#9C8493
50.0%	50.0% #AC96A3	RGB 172 150 163	#AC96A3
66.7%	66.7% #BBA9B4	RGB 187 169 180	#BBA9B4
83.3%	83.3% #CABDC5	RGB 202 189 197	#CABDC5
100.0%	100.0% #DAD2D7	RGB 218 210 215	#DAD2D7

#7E6374 #8D7383 #9C8493 #AC96A3 #BBA9B4 #CABDC5 #DAD2D7

#7E6374 - #AC96A3 - #DAD2D7

CSS codes

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

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