#5E4759 - #D26C87 | 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 #5E4759 to #D26C87

#5E4759 #D26C87

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

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

0.0%	0.0% #5E4759	RGB 94 71 89	#5E4759
16.7%	16.7% #714D60	RGB 113 77 96	#714D60
33.3%	33.3% #845368	RGB 132 83 104	#845368
50.0%	50.0% #985970	RGB 152 89 112	#985970
66.7%	66.7% #AB5F77	RGB 171 95 119	#AB5F77
83.3%	83.3% #BE657F	RGB 190 101 127	#BE657F
100.0%	100.0% #D26C87	RGB 210 108 135	#D26C87

#5E4759 #714D60 #845368 #985970 #AB5F77 #BE657F #D26C87

#5E4759 - #D26C87

HSV Blend

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

0.0%	0.0% #5E4759	RGB 94 71 89	#5E4759
16.7%	16.7% #715167	RGB 113 81 103	#715167
33.3%	33.3% #845973	RGB 132 89 115	#845973
50.0%	50.0% #98607D	RGB 152 96 125	#98607D
66.7%	66.7% #AB6584	RGB 171 101 132	#AB6584
83.3%	83.3% #BE6987	RGB 190 105 135	#BE6987
100.0%	100.0% #D26C87	RGB 210 108 135	#D26C87

#5E4759 #715167 #845973 #98607D #AB6584 #BE6987 #D26C87

#5E4759 - #98607D - #D26C87

CSS codes

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

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