#D997AD - #3E2B31 | 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 #D997AD to #3E2B31

#D997AD #3E2B31

Calculate the color between two colors, #D997AD and #3E2B31. 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)

#D997AD - #3E2B31 | 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 #D997AD as 0% and #3E2B31 as 100%.

0.0%	0.0% #D997AD	RGB 217 151 173	#D997AD
16.7%	16.7% #BF8598	RGB 191 133 152	#BF8598
33.3%	33.3% #A57383	RGB 165 115 131	#A57383
50.0%	50.0% #8B616F	RGB 139 97 111	#8B616F
66.7%	66.7% #714F5A	RGB 113 79 90	#714F5A
83.3%	83.3% #573D45	RGB 87 61 69	#573D45
100.0%	100.0% #3E2B31	RGB 62 43 49	#3E2B31

#D997AD #BF8598 #A57383 #8B616F #714F5A #573D45 #3E2B31

#D997AD - #3E2B31

HSV Blend

#D997AD - #3E2B31 | 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 #D997AD as 0% and #3E2B31 as 100%.

0.0%	0.0% #D997AD	RGB 217 151 173	#D997AD
16.7%	16.7% #BF8498	RGB 191 132 152	#BF8498
33.3%	33.3% #A57283	RGB 165 114 131	#A57283
50.0%	50.0% #8B606E	RGB 139 96 110	#8B606E
66.7%	66.7% #714E5A	RGB 113 78 90	#714E5A
83.3%	83.3% #573C45	RGB 87 60 69	#573C45
100.0%	100.0% #3E2B31	RGB 62 43 49	#3E2B31

#D997AD #BF8498 #A57283 #8B606E #714E5A #573C45 #3E2B31

#D997AD - #8B606E - #3E2B31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D997AD 0%, #8B606E 50%, #3E2B31 100%);
    background: -webkit-linear-gradient(top, #D997AD 0%, #8B606E 50%, #3E2B31 100%);
    background: linear-gradient(to bottom, #D997AD 0%, #8B606E 50%, #3E2B31 100%);
}
</style>