#DA5E74 - #8F142F | 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 #DA5E74 to #8F142F

#DA5E74 #8F142F

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

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

0.0%	0.0% #DA5E74	RGB 218 94 116	#DA5E74
16.7%	16.7% #CD5168	RGB 205 81 104	#CD5168
33.3%	33.3% #C1455D	RGB 193 69 93	#C1455D
50.0%	50.0% #B43951	RGB 180 57 81	#B43951
66.7%	66.7% #A82C46	RGB 168 44 70	#A82C46
83.3%	83.3% #9B203A	RGB 155 32 58	#9B203A
100.0%	100.0% #8F142F	RGB 143 20 47	#8F142F

#DA5E74 #CD5168 #C1455D #B43951 #A82C46 #9B203A #8F142F

#DA5E74 - #8F142F

HSV Blend

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

0.0%	0.0% #DA5E74	RGB 218 94 116	#DA5E74
16.7%	16.7% #CD4E66	RGB 205 78 102	#CD4E66
33.3%	33.3% #C14059	RGB 193 64 89	#C14059
50.0%	50.0% #B4334D	RGB 180 51 77	#B4334D
66.7%	66.7% #A82742	RGB 168 39 66	#A82742
83.3%	83.3% #9B1D38	RGB 155 29 56	#9B1D38
100.0%	100.0% #8F142F	RGB 143 20 47	#8F142F

#DA5E74 #CD4E66 #C14059 #B4334D #A82742 #9B1D38 #8F142F

#DA5E74 - #B4334D - #8F142F

CSS codes

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

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