#7D5E5E - #C37BD2 | 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 #7D5E5E to #C37BD2

#7D5E5E #C37BD2

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

#7D5E5E - #C37BD2 | 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 #7D5E5E as 0% and #C37BD2 as 100%.

0.0%	0.0% #7D5E5E	RGB 125 94 94	#7D5E5E
16.7%	16.7% #886271	RGB 136 98 113	#886271
33.3%	33.3% #946784	RGB 148 103 132	#946784
50.0%	50.0% #A06C98	RGB 160 108 152	#A06C98
66.7%	66.7% #AB71AB	RGB 171 113 171	#AB71AB
83.3%	83.3% #B776BE	RGB 183 118 190	#B776BE
100.0%	100.0% #C37BD2	RGB 195 123 210	#C37BD2

#7D5E5E #886271 #946784 #A06C98 #AB71AB #B776BE #C37BD2

#7D5E5E - #C37BD2

HSV Blend

#7D5E5E - #C37BD2 | 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 #7D5E5E as 0% and #C37BD2 as 100%.

0.0%	0.0% #7D5E5E	RGB 125 94 94	#7D5E5E
16.7%	16.7% #8B646C	RGB 139 100 108	#8B646C
33.3%	33.3% #996A7C	RGB 153 106 124	#996A7C
50.0%	50.0% #A77090	RGB 167 112 144	#A77090
66.7%	66.7% #B574A7	RGB 181 116 167	#B574A7
83.3%	83.3% #C378C2	RGB 195 120 194	#C378C2
100.0%	100.0% #C37BD2	RGB 195 123 210	#C37BD2

#7D5E5E #8B646C #996A7C #A77090 #B574A7 #C378C2 #C37BD2

#7D5E5E - #A77090 - #C37BD2

CSS codes

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

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