#5B556D - #EC9F83 | 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 #5B556D to #EC9F83

#5B556D #EC9F83

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

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

0.0%	0.0% #5B556D	RGB 91 85 109	#5B556D
16.7%	16.7% #736170	RGB 115 97 112	#736170
33.3%	33.3% #8B6D74	RGB 139 109 116	#8B6D74
50.0%	50.0% #A37A78	RGB 163 122 120	#A37A78
66.7%	66.7% #BB867B	RGB 187 134 123	#BB867B
83.3%	83.3% #D3927F	RGB 211 146 127	#D3927F
100.0%	100.0% #EC9F83	RGB 236 159 131	#EC9F83

#5B556D #736170 #8B6D74 #A37A78 #BB867B #D3927F #EC9F83

#5B556D - #EC9F83

HSV Blend

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

0.0%	0.0% #5B556D	RGB 91 85 109	#5B556D
16.7%	16.7% #746082	RGB 116 96 130	#746082
33.3%	33.3% #936A97	RGB 147 106 151	#936A97
50.0%	50.0% #AC739D	RGB 172 115 157	#AC739D
66.7%	66.7% #C17A97	RGB 193 122 151	#C17A97
83.3%	83.3% #D67F85	RGB 214 127 133	#D67F85
100.0%	100.0% #EC9F83	RGB 236 159 131	#EC9F83

#5B556D #746082 #936A97 #AC739D #C17A97 #D67F85 #EC9F83

#5B556D - #AC739D - #EC9F83

CSS codes

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

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