#5E4C4C - #D4717D | 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 #5E4C4C to #D4717D

#5E4C4C #D4717D

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

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

0.0%	0.0% #5E4C4C	RGB 94 76 76	#5E4C4C
16.7%	16.7% #715254	RGB 113 82 84	#715254
33.3%	33.3% #85585C	RGB 133 88 92	#85585C
50.0%	50.0% #995E64	RGB 153 94 100	#995E64
66.7%	66.7% #AC646C	RGB 172 100 108	#AC646C
83.3%	83.3% #C06A74	RGB 192 106 116	#C06A74
100.0%	100.0% #D4717D	RGB 212 113 125	#D4717D

#5E4C4C #715254 #85585C #995E64 #AC646C #C06A74 #D4717D

#5E4C4C - #D4717D

HSV Blend

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

0.0%	0.0% #5E4C4C	RGB 94 76 76	#5E4C4C
16.7%	16.7% #715657	RGB 113 86 87	#715657
33.3%	33.3% #855F61	RGB 133 95 97	#855F61
50.0%	50.0% #996669	RGB 153 102 105	#996669
66.7%	66.7% #AC6B71	RGB 172 107 113	#AC6B71
83.3%	83.3% #C06F77	RGB 192 111 119	#C06F77
100.0%	100.0% #D4717D	RGB 212 113 125	#D4717D

#5E4C4C #715657 #855F61 #996669 #AC6B71 #C06F77 #D4717D

#5E4C4C - #996669 - #D4717D

CSS codes

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

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