#5E5C8A - #EDAAA1 | 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 #5E5C8A to #EDAAA1

#5E5C8A #EDAAA1

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

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

0.0%	0.0% #5E5C8A	RGB 94 92 138	#5E5C8A
16.7%	16.7% #75698D	RGB 117 105 141	#75698D
33.3%	33.3% #8D7691	RGB 141 118 145	#8D7691
50.0%	50.0% #A58395	RGB 165 131 149	#A58395
66.7%	66.7% #BD9099	RGB 189 144 153	#BD9099
83.3%	83.3% #D59D9D	RGB 213 157 157	#D59D9D
100.0%	100.0% #EDAAA1	RGB 237 170 161	#EDAAA1

#5E5C8A #75698D #8D7691 #A58395 #BD9099 #D59D9D #EDAAA1

#5E5C8A - #EDAAA1

HSV Blend

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

0.0%	0.0% #5E5C8A	RGB 94 92 138	#5E5C8A
16.7%	16.7% #7B679A	RGB 123 103 154	#7B679A
33.3%	33.3% #9C72AB	RGB 156 114 171	#9C72AB
50.0%	50.0% #BB7EB6	RGB 187 126 182	#BB7EB6
66.7%	66.7% #CC89AF	RGB 204 137 175	#CC89AF
83.3%	83.3% #DC95A5	RGB 220 149 165	#DC95A5
100.0%	100.0% #EDAAA1	RGB 237 170 161	#EDAAA1

#5E5C8A #7B679A #9C72AB #BB7EB6 #CC89AF #DC95A5 #EDAAA1

#5E5C8A - #BB7EB6 - #EDAAA1

CSS codes

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

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