#721B33 - #D6BDC4 | 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 #721B33 to #D6BDC4

#721B33 #D6BDC4

Calculate the color between two colors, #721B33 and #D6BDC4. 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)

#721B33 - #D6BDC4 | 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 #721B33 as 0% and #D6BDC4 as 100%.

0.0%	0.0% #721B33	RGB 114 27 51	#721B33
16.7%	16.7% #82364B	RGB 130 54 75	#82364B
33.3%	33.3% #935163	RGB 147 81 99	#935163
50.0%	50.0% #A46C7B	RGB 164 108 123	#A46C7B
66.7%	66.7% #B48793	RGB 180 135 147	#B48793
83.3%	83.3% #C5A2AB	RGB 197 162 171	#C5A2AB
100.0%	100.0% #D6BDC4	RGB 214 189 196	#D6BDC4

#721B33 #82364B #935163 #A46C7B #B48793 #C5A2AB #D6BDC4

#721B33 - #D6BDC4

HSV Blend

#721B33 - #D6BDC4 | 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 #721B33 as 0% and #D6BDC4 as 100%.

0.0%	0.0% #721B32	RGB 114 27 50	#721B32
16.7%	16.7% #822D44	RGB 130 45 68	#822D44
33.3%	33.3% #934259	RGB 147 66 89	#934259
50.0%	50.0% #A45B6F	RGB 164 91 111	#A45B6F
66.7%	66.7% #B47889	RGB 180 120 137	#B47889
83.3%	83.3% #C599A5	RGB 197 153 165	#C599A5
100.0%	100.0% #D6BDC4	RGB 214 189 196	#D6BDC4

#721B32 #822D44 #934259 #A45B6F #B47889 #C599A5 #D6BDC4

#721B33 - #A45B6F - #D6BDC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #721B32 0%, #A45B6F 50%, #D6BDC4 100%);
    background: -webkit-linear-gradient(top, #721B32 0%, #A45B6F 50%, #D6BDC4 100%);
    background: linear-gradient(to bottom, #721B32 0%, #A45B6F 50%, #D6BDC4 100%);
}
</style>