#5E5874 - #EFA38A | 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 #5E5874 to #EFA38A

#5E5874 #EFA38A

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

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

0.0%	0.0% #5E5874	RGB 94 88 116	#5E5874
16.7%	16.7% #766477	RGB 118 100 119	#766477
33.3%	33.3% #8E717B	RGB 142 113 123	#8E717B
50.0%	50.0% #A67D7F	RGB 166 125 127	#A67D7F
66.7%	66.7% #BE8A82	RGB 190 138 130	#BE8A82
83.3%	83.3% #D69686	RGB 214 150 134	#D69686
100.0%	100.0% #EFA38A	RGB 239 163 138	#EFA38A

#5E5874 #766477 #8E717B #A67D7F #BE8A82 #D69686 #EFA38A

#5E5874 - #EFA38A

HSV Blend

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

0.0%	0.0% #5E5874	RGB 94 88 116	#5E5874
16.7%	16.7% #776388	RGB 119 99 136	#776388
33.3%	33.3% #976D9D	RGB 151 109 157	#976D9D
50.0%	50.0% #B176A3	RGB 177 118 163	#B176A3
66.7%	66.7% #C67E9D	RGB 198 126 157	#C67E9D
83.3%	83.3% #DA848C	RGB 218 132 140	#DA848C
100.0%	100.0% #EFA38A	RGB 239 163 138	#EFA38A

#5E5874 #776388 #976D9D #B176A3 #C67E9D #DA848C #EFA38A

#5E5874 - #B176A3 - #EFA38A

CSS codes

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

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