#5E464A - #D26C7B | 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 #5E464A to #D26C7B

#5E464A #D26C7B

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

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

0.0%	0.0% #5E464A	RGB 94 70 74	#5E464A
16.7%	16.7% #714C52	RGB 113 76 82	#714C52
33.3%	33.3% #84525A	RGB 132 82 90	#84525A
50.0%	50.0% #985962	RGB 152 89 98	#985962
66.7%	66.7% #AB5F6A	RGB 171 95 106	#AB5F6A
83.3%	83.3% #BE6572	RGB 190 101 114	#BE6572
100.0%	100.0% #D26C7B	RGB 210 108 123	#D26C7B

#5E464A #714C52 #84525A #985962 #AB5F6A #BE6572 #D26C7B

#5E464A - #D26C7B

HSV Blend

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

0.0%	0.0% #5E464A	RGB 94 70 74	#5E464A
16.7%	16.7% #715055	RGB 113 80 85	#715055
33.3%	33.3% #84585F	RGB 132 88 95	#84585F
50.0%	50.0% #985F68	RGB 152 95 104	#985F68
66.7%	66.7% #AB6570	RGB 171 101 112	#AB6570
83.3%	83.3% #BE6976	RGB 190 105 118	#BE6976
100.0%	100.0% #D26C7B	RGB 210 108 123	#D26C7B

#5E464A #715055 #84585F #985F68 #AB6570 #BE6976 #D26C7B

#5E464A - #985F68 - #D26C7B

CSS codes

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

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