#DA5A8C - #920640 | 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 #DA5A8C to #920640

#DA5A8C #920640

Calculate the color between two colors, #DA5A8C and #920640. 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)

#DA5A8C - #920640 | 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 #DA5A8C as 0% and #920640 as 100%.

0.0%	0.0% #DA5A8C	RGB 218 90 140	#DA5A8C
16.7%	16.7% #CE4C7F	RGB 206 76 127	#CE4C7F
33.3%	33.3% #C23E72	RGB 194 62 114	#C23E72
50.0%	50.0% #B63066	RGB 182 48 102	#B63066
66.7%	66.7% #AA2159	RGB 170 33 89	#AA2159
83.3%	83.3% #9E144C	RGB 158 20 76	#9E144C
100.0%	100.0% #920640	RGB 146 6 64	#920640

#DA5A8C #CE4C7F #C23E72 #B63066 #AA2159 #9E144C #920640

#DA5A8C - #920640

HSV Blend

#DA5A8C - #920640 | 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 #DA5A8C as 0% and #920640 as 100%.

0.0%	0.0% #DA5A8C	RGB 218 90 140	#DA5A8C
16.7%	16.7% #CE487D	RGB 206 72 125	#CE487D
33.3%	33.3% #C2386F	RGB 194 56 111	#C2386F
50.0%	50.0% #B62961	RGB 182 41 97	#B62961
66.7%	66.7% #AA1C55	RGB 170 28 85	#AA1C55
83.3%	83.3% #9E104A	RGB 158 16 74	#9E104A
100.0%	100.0% #920640	RGB 146 6 64	#920640

#DA5A8C #CE487D #C2386F #B62961 #AA1C55 #9E104A #920640

#DA5A8C - #B62961 - #920640

CSS codes

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

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