#76213E - #D7BFC7 | 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 #76213E to #D7BFC7

#76213E #D7BFC7

Calculate the color between two colors, #76213E and #D7BFC7. 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)

#76213E - #D7BFC7 | 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 #76213E as 0% and #D7BFC7 as 100%.

0.0%	0.0% #76213E	RGB 118 33 62	#76213E
16.7%	16.7% #863B54	RGB 134 59 84	#863B54
33.3%	33.3% #96556B	RGB 150 85 107	#96556B
50.0%	50.0% #A67082	RGB 166 112 130	#A67082
66.7%	66.7% #B68A99	RGB 182 138 153	#B68A99
83.3%	83.3% #C6A4B0	RGB 198 164 176	#C6A4B0
100.0%	100.0% #D7BFC7	RGB 215 191 199	#D7BFC7

#76213E #863B54 #96556B #A67082 #B68A99 #C6A4B0 #D7BFC7

#76213E - #D7BFC7

HSV Blend

#76213E - #D7BFC7 | 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 #76213E as 0% and #D7BFC7 as 100%.

0.0%	0.0% #76213E	RGB 118 33 62	#76213E
16.7%	16.7% #86334F	RGB 134 51 79	#86334F
33.3%	33.3% #964862	RGB 150 72 98	#964862
50.0%	50.0% #A66178	RGB 166 97 120	#A66178
66.7%	66.7% #B67D90	RGB 182 125 144	#B67D90
83.3%	83.3% #C69CAA	RGB 198 156 170	#C69CAA
100.0%	100.0% #D7BFC7	RGB 215 191 199	#D7BFC7

#76213E #86334F #964862 #A66178 #B67D90 #C69CAA #D7BFC7

#76213E - #A66178 - #D7BFC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76213E 0%, #A66178 50%, #D7BFC7 100%);
    background: -webkit-linear-gradient(top, #76213E 0%, #A66178 50%, #D7BFC7 100%);
    background: linear-gradient(to bottom, #76213E 0%, #A66178 50%, #D7BFC7 100%);
}
</style>