#5E5061 - #E9956E | 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 #5E5061 to #E9956E

#5E5061 #E9956E

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

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

0.0%	0.0% #5E5061	RGB 94 80 97	#5E5061
16.7%	16.7% #755B63	RGB 117 91 99	#755B63
33.3%	33.3% #8C6765	RGB 140 103 101	#8C6765
50.0%	50.0% #A37267	RGB 163 114 103	#A37267
66.7%	66.7% #BA7E69	RGB 186 126 105	#BA7E69
83.3%	83.3% #D1896B	RGB 209 137 107	#D1896B
100.0%	100.0% #E9956E	RGB 233 149 110	#E9956E

#5E5061 #755B63 #8C6765 #A37267 #BA7E69 #D1896B #E9956E

#5E5061 - #E9956E

HSV Blend

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

0.0%	0.0% #5E5061	RGB 94 80 97	#5E5061
16.7%	16.7% #775B75	RGB 119 91 117	#775B75
33.3%	33.3% #8E6480	RGB 142 100 128	#8E6480
50.0%	50.0% #A56A83	RGB 165 106 131	#A56A83
66.7%	66.7% #BB6E7C	RGB 187 110 124	#BB6E7C
83.3%	83.3% #D2766F	RGB 210 118 111	#D2766F
100.0%	100.0% #E9956E	RGB 233 149 110	#E9956E

#5E5061 #775B75 #8E6480 #A56A83 #BB6E7C #D2766F #E9956E

#5E5061 - #A56A83 - #E9956E

CSS codes

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

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