#C6A8B0 - #7E4D5E | 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 #C6A8B0 to #7E4D5E

#C6A8B0 #7E4D5E

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

#C6A8B0 - #7E4D5E | 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 #C6A8B0 as 0% and #7E4D5E as 100%.

0.0%	0.0% #C6A8B0	RGB 198 168 176	#C6A8B0
16.7%	16.7% #BA98A2	RGB 186 152 162	#BA98A2
33.3%	33.3% #AE8994	RGB 174 137 148	#AE8994
50.0%	50.0% #A27A87	RGB 162 122 135	#A27A87
66.7%	66.7% #966B79	RGB 150 107 121	#966B79
83.3%	83.3% #8A5C6B	RGB 138 92 107	#8A5C6B
100.0%	100.0% #7E4D5E	RGB 126 77 94	#7E4D5E

#C6A8B0 #BA98A2 #AE8994 #A27A87 #966B79 #8A5C6B #7E4D5E

#C6A8B0 - #7E4D5E

HSV Blend

#C6A8B0 - #7E4D5E | 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 #C6A8B0 as 0% and #7E4D5E as 100%.

0.0%	0.0% #C6A8B0	RGB 198 168 176	#C6A8B0
16.7%	16.7% #BA96A0	RGB 186 150 160	#BA96A0
33.3%	33.3% #AE8591	RGB 174 133 145	#AE8591
50.0%	50.0% #A27683	RGB 162 118 131	#A27683
66.7%	66.7% #966776	RGB 150 103 118	#966776
83.3%	83.3% #8A5969	RGB 138 89 105	#8A5969
100.0%	100.0% #7E4D5E	RGB 126 77 94	#7E4D5E

#C6A8B0 #BA96A0 #AE8591 #A27683 #966776 #8A5969 #7E4D5E

#C6A8B0 - #A27683 - #7E4D5E

CSS codes

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

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