#5E5370 - #EB9D84 | 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 #5E5370 to #EB9D84

#5E5370 #EB9D84

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

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

0.0%	0.0% #5E5370	RGB 94 83 112	#5E5370
16.7%	16.7% #755F73	RGB 117 95 115	#755F73
33.3%	33.3% #8D6B76	RGB 141 107 118	#8D6B76
50.0%	50.0% #A4787A	RGB 164 120 122	#A4787A
66.7%	66.7% #BC847D	RGB 188 132 125	#BC847D
83.3%	83.3% #D39080	RGB 211 144 128	#D39080
100.0%	100.0% #EB9D84	RGB 235 157 132	#EB9D84

#5E5370 #755F73 #8D6B76 #A4787A #BC847D #D39080 #EB9D84

#5E5370 - #EB9D84

HSV Blend

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

0.0%	0.0% #5E5370	RGB 94 83 112	#5E5370
16.7%	16.7% #785E84	RGB 120 94 132	#785E84
33.3%	33.3% #996898	RGB 153 104 152	#996898
50.0%	50.0% #AD719A	RGB 173 113 154	#AD719A
66.7%	66.7% #C27894	RGB 194 120 148	#C27894
83.3%	83.3% #D67E84	RGB 214 126 132	#D67E84
100.0%	100.0% #EB9D84	RGB 235 157 132	#EB9D84

#5E5370 #785E84 #996898 #AD719A #C27894 #D67E84 #EB9D84

#5E5370 - #AD719A - #EB9D84

CSS codes

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

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