#5E4960 - #E38D6C | 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 #5E4960 to #E38D6C

#5E4960 #E38D6C

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

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

0.0%	0.0% #5E4960	RGB 94 73 96	#5E4960
16.7%	16.7% #745462	RGB 116 84 98	#745462
33.3%	33.3% #8A5F64	RGB 138 95 100	#8A5F64
50.0%	50.0% #A06B66	RGB 160 107 102	#A06B66
66.7%	66.7% #B67668	RGB 182 118 104	#B67668
83.3%	83.3% #CC816A	RGB 204 129 106	#CC816A
100.0%	100.0% #E38D6C	RGB 227 141 108	#E38D6C

#5E4960 #745462 #8A5F64 #A06B66 #B67668 #CC816A #E38D6C

#5E4960 - #E38D6C

HSV Blend

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

0.0%	0.0% #5E4960	RGB 94 73 96	#5E4960
16.7%	16.7% #755471	RGB 117 84 113	#755471
33.3%	33.3% #8B5C7A	RGB 139 92 122	#8B5C7A
50.0%	50.0% #A1637C	RGB 161 99 124	#A1637C
66.7%	66.7% #B76876	RGB 183 104 118	#B76876
83.3%	83.3% #CD706B	RGB 205 112 107	#CD706B
100.0%	100.0% #E38D6C	RGB 227 141 108	#E38D6C

#5E4960 #755471 #8B5C7A #A1637C #B76876 #CD706B #E38D6C

#5E4960 - #A1637C - #E38D6C

CSS codes

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

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