#5E4C57 - #D471AF | 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 #5E4C57 to #D471AF

#5E4C57 #D471AF

Calculate the color between two colors, #5E4C57 and #D471AF. 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)

#5E4C57 - #D471AF | 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 #5E4C57 as 0% and #D471AF as 100%.

0.0%	0.0% #5E4C57	RGB 94 76 87	#5E4C57
16.7%	16.7% #715265	RGB 113 82 101	#715265
33.3%	33.3% #855874	RGB 133 88 116	#855874
50.0%	50.0% #995E83	RGB 153 94 131	#995E83
66.7%	66.7% #AC6491	RGB 172 100 145	#AC6491
83.3%	83.3% #C06AA0	RGB 192 106 160	#C06AA0
100.0%	100.0% #D471AF	RGB 212 113 175	#D471AF

#5E4C57 #715265 #855874 #995E83 #AC6491 #C06AA0 #D471AF

#5E4C57 - #D471AF

HSV Blend

#5E4C57 - #D471AF | 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 #5E4C57 as 0% and #D471AF as 100%.

0.0%	0.0% #5E4C57	RGB 94 76 87	#5E4C57
16.7%	16.7% #715667	RGB 113 86 103	#715667
33.3%	33.3% #855F76	RGB 133 95 118	#855F76
50.0%	50.0% #996685	RGB 153 102 133	#996685
66.7%	66.7% #AC6B94	RGB 172 107 148	#AC6B94
83.3%	83.3% #C06FA1	RGB 192 111 161	#C06FA1
100.0%	100.0% #D471AF	RGB 212 113 175	#D471AF

#5E4C57 #715667 #855F76 #996685 #AC6B94 #C06FA1 #D471AF

#5E4C57 - #996685 - #D471AF

CSS codes

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

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