#DB596F - #8D112C | 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 #DB596F to #8D112C

#DB596F #8D112C

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

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

0.0%	0.0% #DB596F	RGB 219 89 111	#DB596F
16.7%	16.7% #CE4D63	RGB 206 77 99	#CE4D63
33.3%	33.3% #C14158	RGB 193 65 88	#C14158
50.0%	50.0% #B4354D	RGB 180 53 77	#B4354D
66.7%	66.7% #A72942	RGB 167 41 66	#A72942
83.3%	83.3% #9A1D37	RGB 154 29 55	#9A1D37
100.0%	100.0% #8D112C	RGB 141 17 44	#8D112C

#DB596F #CE4D63 #C14158 #B4354D #A72942 #9A1D37 #8D112C

#DB596F - #8D112C

HSV Blend

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

0.0%	0.0% #DB596F	RGB 219 89 111	#DB596F
16.7%	16.7% #CE4961	RGB 206 73 97	#CE4961
33.3%	33.3% #C13C54	RGB 193 60 84	#C13C54
50.0%	50.0% #B42F49	RGB 180 47 73	#B42F49
66.7%	66.7% #A7243E	RGB 167 36 62	#A7243E
83.3%	83.3% #9A1934	RGB 154 25 52	#9A1934
100.0%	100.0% #8D112C	RGB 141 17 44	#8D112C

#DB596F #CE4961 #C13C54 #B42F49 #A7243E #9A1934 #8D112C

#DB596F - #B42F49 - #8D112C

CSS codes

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

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