#760C2B - #D7B9C2 | 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 #760C2B to #D7B9C2

#760C2B #D7B9C2

Calculate the color between two colors, #760C2B and #D7B9C2. 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)

#760C2B - #D7B9C2 | 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 #760C2B as 0% and #D7B9C2 as 100%.

0.0%	0.0% #760C2B	RGB 118 12 43	#760C2B
16.7%	16.7% #862844	RGB 134 40 68	#862844
33.3%	33.3% #96455D	RGB 150 69 93	#96455D
50.0%	50.0% #A66276	RGB 166 98 118	#A66276
66.7%	66.7% #B67F8F	RGB 182 127 143	#B67F8F
83.3%	83.3% #C69CA8	RGB 198 156 168	#C69CA8
100.0%	100.0% #D7B9C2	RGB 215 185 194	#D7B9C2

#760C2B #862844 #96455D #A66276 #B67F8F #C69CA8 #D7B9C2

#760C2B - #D7B9C2

HSV Blend

#760C2B - #D7B9C2 | 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 #760C2B as 0% and #D7B9C2 as 100%.

0.0%	0.0% #760C2A	RGB 118 12 42	#760C2A
16.7%	16.7% #861E3D	RGB 134 30 61	#861E3D
33.3%	33.3% #963551	RGB 150 53 81	#963551
50.0%	50.0% #A65069	RGB 166 80 105	#A65069
66.7%	66.7% #B66E84	RGB 182 110 132	#B66E84
83.3%	83.3% #C691A1	RGB 198 145 161	#C691A1
100.0%	100.0% #D7B9C2	RGB 215 185 194	#D7B9C2

#760C2A #861E3D #963551 #A65069 #B66E84 #C691A1 #D7B9C2

#760C2B - #A65069 - #D7B9C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #760C2A 0%, #A65069 50%, #D7B9C2 100%);
    background: -webkit-linear-gradient(top, #760C2A 0%, #A65069 50%, #D7B9C2 100%);
    background: linear-gradient(to bottom, #760C2A 0%, #A65069 50%, #D7B9C2 100%);
}
</style>