#7E5C5E - #DAD0D1 | 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 #7E5C5E to #DAD0D1

#7E5C5E #DAD0D1

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

#7E5C5E - #DAD0D1 | 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 #7E5C5E as 0% and #DAD0D1 as 100%.

0.0%	0.0% #7E5C5E	RGB 126 92 94	#7E5C5E
16.7%	16.7% #8D6F71	RGB 141 111 113	#8D6F71
33.3%	33.3% #9C8284	RGB 156 130 132	#9C8284
50.0%	50.0% #AC9697	RGB 172 150 151	#AC9697
66.7%	66.7% #BBA9AA	RGB 187 169 170	#BBA9AA
83.3%	83.3% #CABCBD	RGB 202 188 189	#CABCBD
100.0%	100.0% #DAD0D1	RGB 218 208 209	#DAD0D1

#7E5C5E #8D6F71 #9C8284 #AC9697 #BBA9AA #CABCBD #DAD0D1

#7E5C5E - #DAD0D1

HSV Blend

#7E5C5E - #DAD0D1 | 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 #7E5C5E as 0% and #DAD0D1 as 100%.

0.0%	0.0% #7E5C5D	RGB 126 92 93	#7E5C5D
16.7%	16.7% #8D6C6E	RGB 141 108 110	#8D6C6E
33.3%	33.3% #9C7E80	RGB 156 126 128	#9C7E80
50.0%	50.0% #AC9093	RGB 172 144 147	#AC9093
66.7%	66.7% #BBA4A6	RGB 187 164 166	#BBA4A6
83.3%	83.3% #CAB9BB	RGB 202 185 187	#CAB9BB
100.0%	100.0% #DAD0D1	RGB 218 208 209	#DAD0D1

#7E5C5D #8D6C6E #9C7E80 #AC9093 #BBA4A6 #CAB9BB #DAD0D1

#7E5C5E - #AC9093 - #DAD0D1

CSS codes

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

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