#76212B - #D7BFC2 | 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 #76212B to #D7BFC2

#76212B #D7BFC2

Calculate the color between two colors, #76212B and #D7BFC2. 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)

#76212B - #D7BFC2 | 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 #76212B as 0% and #D7BFC2 as 100%.

0.0%	0.0% #76212B	RGB 118 33 43	#76212B
16.7%	16.7% #863B44	RGB 134 59 68	#863B44
33.3%	33.3% #96555D	RGB 150 85 93	#96555D
50.0%	50.0% #A67076	RGB 166 112 118	#A67076
66.7%	66.7% #B68A8F	RGB 182 138 143	#B68A8F
83.3%	83.3% #C6A4A8	RGB 198 164 168	#C6A4A8
100.0%	100.0% #D7BFC2	RGB 215 191 194	#D7BFC2

#76212B #863B44 #96555D #A67076 #B68A8F #C6A4A8 #D7BFC2

#76212B - #D7BFC2

HSV Blend

#76212B - #D7BFC2 | 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 #76212B as 0% and #D7BFC2 as 100%.

0.0%	0.0% #76212B	RGB 118 33 43	#76212B
16.7%	16.7% #86333D	RGB 134 51 61	#86333D
33.3%	33.3% #964851	RGB 150 72 81	#964851
50.0%	50.0% #A66169	RGB 166 97 105	#A66169
66.7%	66.7% #B67D84	RGB 182 125 132	#B67D84
83.3%	83.3% #C69CA1	RGB 198 156 161	#C69CA1
100.0%	100.0% #D7BFC2	RGB 215 191 194	#D7BFC2

#76212B #86333D #964851 #A66169 #B67D84 #C69CA1 #D7BFC2

#76212B - #A66169 - #D7BFC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76212B 0%, #A66169 50%, #D7BFC2 100%);
    background: -webkit-linear-gradient(top, #76212B 0%, #A66169 50%, #D7BFC2 100%);
    background: linear-gradient(to bottom, #76212B 0%, #A66169 50%, #D7BFC2 100%);
}
</style>