#DC4889 - #8D003F | 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 #DC4889 to #8D003F

#DC4889 #8D003F

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

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

0.0%	0.0% #DC4889	RGB 220 72 137	#DC4889
16.7%	16.7% #CE3C7C	RGB 206 60 124	#CE3C7C
33.3%	33.3% #C13070	RGB 193 48 112	#C13070
50.0%	50.0% #B42464	RGB 180 36 100	#B42464
66.7%	66.7% #A71857	RGB 167 24 87	#A71857
83.3%	83.3% #9A0C4B	RGB 154 12 75	#9A0C4B
100.0%	100.0% #8D003F	RGB 141 0 63	#8D003F

#DC4889 #CE3C7C #C13070 #B42464 #A71857 #9A0C4B #8D003F

#DC4889 - #8D003F

HSV Blend

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

0.0%	0.0% #DC4889	RGB 220 72 137	#DC4889
16.7%	16.7% #CE387A	RGB 206 56 122	#CE387A
33.3%	33.3% #C12A6D	RGB 193 42 109	#C12A6D
50.0%	50.0% #B41D60	RGB 180 29 96	#B41D60
66.7%	66.7% #A71254	RGB 167 18 84	#A71254
83.3%	83.3% #9A0849	RGB 154 8 73	#9A0849
100.0%	100.0% #8D003F	RGB 141 0 63	#8D003F

#DC4889 #CE387A #C12A6D #B41D60 #A71254 #9A0849 #8D003F

#DC4889 - #B41D60 - #8D003F

CSS codes

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

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