#55545C - #EB6A88 | 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 #55545C to #EB6A88

#55545C #EB6A88

Calculate the color between two colors, #55545C and #EB6A88. 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)

#55545C - #EB6A88 | 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 #55545C as 0% and #EB6A88 as 100%.

0.0%	0.0% #55545C	RGB 85 84 92	#55545C
16.7%	16.7% #6E5763	RGB 110 87 99	#6E5763
33.3%	33.3% #875B6A	RGB 135 91 106	#875B6A
50.0%	50.0% #A05F72	RGB 160 95 114	#A05F72
66.7%	66.7% #B96279	RGB 185 98 121	#B96279
83.3%	83.3% #D26680	RGB 210 102 128	#D26680
100.0%	100.0% #EB6A88	RGB 235 106 136	#EB6A88

#55545C #6E5763 #875B6A #A05F72 #B96279 #D26680 #EB6A88

#55545C - #EB6A88

HSV Blend

#55545C - #EB6A88 | 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 #55545C as 0% and #EB6A88 as 100%.

0.0%	0.0% #55545C	RGB 85 84 92	#55545C
16.7%	16.7% #686073	RGB 104 96 115	#686073
33.3%	33.3% #806A8B	RGB 128 106 139	#806A8B
50.0%	50.0% #A06FA3	RGB 160 111 163	#A06FA3
66.7%	66.7% #BB71AB	RGB 187 113 171	#BB71AB
83.3%	83.3% #D36FA1	RGB 211 111 161	#D36FA1
100.0%	100.0% #EB6A88	RGB 235 106 136	#EB6A88

#55545C #686073 #806A8B #A06FA3 #BB71AB #D36FA1 #EB6A88

#55545C - #A06FA3 - #EB6A88

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55545C 0%, #A06FA3 50%, #EB6A88 100%);
    background: -webkit-linear-gradient(top, #55545C 0%, #A06FA3 50%, #EB6A88 100%);
    background: linear-gradient(to bottom, #55545C 0%, #A06FA3 50%, #EB6A88 100%);
}
</style>