#8F1336 - #DFBBC5 | 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 #8F1336 to #DFBBC5

#8F1336 #DFBBC5

Calculate the color between two colors, #8F1336 and #DFBBC5. 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)

#8F1336 - #DFBBC5 | 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 #8F1336 as 0% and #DFBBC5 as 100%.

0.0%	0.0% #8F1336	RGB 143 19 54	#8F1336
16.7%	16.7% #9C2F4D	RGB 156 47 77	#9C2F4D
33.3%	33.3% #A94B65	RGB 169 75 101	#A94B65
50.0%	50.0% #B7677D	RGB 183 103 125	#B7677D
66.7%	66.7% #C48395	RGB 196 131 149	#C48395
83.3%	83.3% #D19FAD	RGB 209 159 173	#D19FAD
100.0%	100.0% #DFBBC5	RGB 223 187 197	#DFBBC5

#8F1336 #9C2F4D #A94B65 #B7677D #C48395 #D19FAD #DFBBC5

#8F1336 - #DFBBC5

HSV Blend

#8F1336 - #DFBBC5 | 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 #8F1336 as 0% and #DFBBC5 as 100%.

0.0%	0.0% #8F1336	RGB 143 19 54	#8F1336
16.7%	16.7% #9C2748	RGB 156 39 72	#9C2748
33.3%	33.3% #A93E5C	RGB 169 62 92	#A93E5C
50.0%	50.0% #B75873	RGB 183 88 115	#B75873
66.7%	66.7% #C4768C	RGB 196 118 140	#C4768C
83.3%	83.3% #D197A7	RGB 209 151 167	#D197A7
100.0%	100.0% #DFBBC5	RGB 223 187 197	#DFBBC5

#8F1336 #9C2748 #A93E5C #B75873 #C4768C #D197A7 #DFBBC5

#8F1336 - #B75873 - #DFBBC5

CSS codes

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

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