#DB4D9C - #91004F | 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 #DB4D9C to #91004F

#DB4D9C #91004F

Calculate the color between two colors, #DB4D9C and #91004F. 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)

#DB4D9C - #91004F | 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 #DB4D9C as 0% and #91004F as 100%.

0.0%	0.0% #DB4D9C	RGB 219 77 156	#DB4D9C
16.7%	16.7% #CE408F	RGB 206 64 143	#CE408F
33.3%	33.3% #C23382	RGB 194 51 130	#C23382
50.0%	50.0% #B62675	RGB 182 38 117	#B62675
66.7%	66.7% #A91968	RGB 169 25 104	#A91968
83.3%	83.3% #9D0C5B	RGB 157 12 91	#9D0C5B
100.0%	100.0% #91004F	RGB 145 0 79	#91004F

#DB4D9C #CE408F #C23382 #B62675 #A91968 #9D0C5B #91004F

#DB4D9C - #91004F

HSV Blend

#DB4D9C - #91004F | 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 #DB4D9C as 0% and #91004F as 100%.

0.0%	0.0% #DB4D9C	RGB 219 77 156	#DB4D9C
16.7%	16.7% #CE3C8D	RGB 206 60 141	#CE3C8D
33.3%	33.3% #C22D7F	RGB 194 45 127	#C22D7F
50.0%	50.0% #B61F72	RGB 182 31 114	#B61F72
66.7%	66.7% #A91366	RGB 169 19 102	#A91366
83.3%	83.3% #9D095A	RGB 157 9 90	#9D095A
100.0%	100.0% #91004F	RGB 145 0 79	#91004F

#DB4D9C #CE3C8D #C22D7F #B61F72 #A91366 #9D095A #91004F

#DB4D9C - #B61F72 - #91004F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DB4D9C 0%, #B61F72 50%, #91004F 100%);
    background: -webkit-linear-gradient(top, #DB4D9C 0%, #B61F72 50%, #91004F 100%);
    background: linear-gradient(to bottom, #DB4D9C 0%, #B61F72 50%, #91004F 100%);
}
</style>