#DB4C7D - #8B0135 | 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 #DB4C7D to #8B0135

#DB4C7D #8B0135

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

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

0.0%	0.0% #DB4C7D	RGB 219 76 125	#DB4C7D
16.7%	16.7% #CD3F71	RGB 205 63 113	#CD3F71
33.3%	33.3% #C03365	RGB 192 51 101	#C03365
50.0%	50.0% #B32659	RGB 179 38 89	#B32659
66.7%	66.7% #A51A4D	RGB 165 26 77	#A51A4D
83.3%	83.3% #980D41	RGB 152 13 65	#980D41
100.0%	100.0% #8B0135	RGB 139 1 53	#8B0135

#DB4C7D #CD3F71 #C03365 #B32659 #A51A4D #980D41 #8B0135

#DB4C7D - #8B0135

HSV Blend

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

0.0%	0.0% #DB4C7C	RGB 219 76 124	#DB4C7C
16.7%	16.7% #CD3B6E	RGB 205 59 110	#CD3B6E
33.3%	33.3% #C02C61	RGB 192 44 97	#C02C61
50.0%	50.0% #B31F54	RGB 179 31 84	#B31F54
66.7%	66.7% #A51349	RGB 165 19 73	#A51349
83.3%	83.3% #98093E	RGB 152 9 62	#98093E
100.0%	100.0% #8B0135	RGB 139 1 53	#8B0135

#DB4C7C #CD3B6E #C02C61 #B31F54 #A51349 #98093E #8B0135

#DB4C7D - #B31F54 - #8B0135

CSS codes

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

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