#7E5E4E - #C37CB3 | 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 #7E5E4E to #C37CB3

#7E5E4E #C37CB3

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

#7E5E4E - #C37CB3 | 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 #7E5E4E as 0% and #C37CB3 as 100%.

0.0%	0.0% #7E5E4E	RGB 126 94 78	#7E5E4E
16.7%	16.7% #89635E	RGB 137 99 94	#89635E
33.3%	33.3% #95686F	RGB 149 104 111	#95686F
50.0%	50.0% #A06D80	RGB 160 109 128	#A06D80
66.7%	66.7% #AC7291	RGB 172 114 145	#AC7291
83.3%	83.3% #B777A2	RGB 183 119 162	#B777A2
100.0%	100.0% #C37CB3	RGB 195 124 179	#C37CB3

#7E5E4E #89635E #95686F #A06D80 #AC7291 #B777A2 #C37CB3

#7E5E4E - #C37CB3

HSV Blend

#7E5E4E - #C37CB3 | 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 #7E5E4E as 0% and #C37CB3 as 100%.

0.0%	0.0% #7E5E4E	RGB 126 94 78	#7E5E4E
16.7%	16.7% #895D55	RGB 137 93 85	#895D55
33.3%	33.3% #955D5F	RGB 149 93 95	#955D5F
50.0%	50.0% #A06471	RGB 160 100 113	#A06471
66.7%	66.7% #AC6C86	RGB 172 108 134	#AC6C86
83.3%	83.3% #B7749B	RGB 183 116 155	#B7749B
100.0%	100.0% #C37CB3	RGB 195 124 179	#C37CB3

#7E5E4E #895D55 #955D5F #A06471 #AC6C86 #B7749B #C37CB3

#7E5E4E - #A06471 - #C37CB3

CSS codes

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

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