#DB6166 - #8D1B26 | 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 #DB6166 to #8D1B26

#DB6166 #8D1B26

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

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

0.0%	0.0% #DB6166	RGB 219 97 102	#DB6166
16.7%	16.7% #CE555B	RGB 206 85 91	#CE555B
33.3%	33.3% #C14950	RGB 193 73 80	#C14950
50.0%	50.0% #B43E46	RGB 180 62 70	#B43E46
66.7%	66.7% #A7323B	RGB 167 50 59	#A7323B
83.3%	83.3% #9A2630	RGB 154 38 48	#9A2630
100.0%	100.0% #8D1B26	RGB 141 27 38	#8D1B26

#DB6166 #CE555B #C14950 #B43E46 #A7323B #9A2630 #8D1B26

#DB6166 - #8D1B26

HSV Blend

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

0.0%	0.0% #DB6165	RGB 219 97 101	#DB6165
16.7%	16.7% #CE5258	RGB 206 82 88	#CE5258
33.3%	33.3% #C1454C	RGB 193 69 76	#C1454C
50.0%	50.0% #B43941	RGB 180 57 65	#B43941
66.7%	66.7% #A72D37	RGB 167 45 55	#A72D37
83.3%	83.3% #9A232E	RGB 154 35 46	#9A232E
100.0%	100.0% #8D1B26	RGB 141 27 38	#8D1B26

#DB6165 #CE5258 #C1454C #B43941 #A72D37 #9A232E #8D1B26

#DB6166 - #B43941 - #8D1B26

CSS codes

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

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