#5E5C85 - #EEAA9C | 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 #5E5C85 to #EEAA9C

#5E5C85 #EEAA9C

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

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

0.0%	0.0% #5E5C85	RGB 94 92 133	#5E5C85
16.7%	16.7% #766988	RGB 118 105 136	#766988
33.3%	33.3% #8E768C	RGB 142 118 140	#8E768C
50.0%	50.0% #A68390	RGB 166 131 144	#A68390
66.7%	66.7% #BE9094	RGB 190 144 148	#BE9094
83.3%	83.3% #D69D98	RGB 214 157 152	#D69D98
100.0%	100.0% #EEAA9C	RGB 238 170 156	#EEAA9C

#5E5C85 #766988 #8E768C #A68390 #BE9094 #D69D98 #EEAA9C

#5E5C85 - #EEAA9C

HSV Blend

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

0.0%	0.0% #5E5C85	RGB 94 92 133	#5E5C85
16.7%	16.7% #7A6796	RGB 122 103 150	#7A6796
33.3%	33.3% #9A72A8	RGB 154 114 168	#9A72A8
50.0%	50.0% #B97CB2	RGB 185 124 178	#B97CB2
66.7%	66.7% #CB87AB	RGB 203 135 171	#CB87AB
83.3%	83.3% #DC919F	RGB 220 145 159	#DC919F
100.0%	100.0% #EEAA9C	RGB 238 170 156	#EEAA9C

#5E5C85 #7A6796 #9A72A8 #B97CB2 #CB87AB #DC919F #EEAA9C

#5E5C85 - #B97CB2 - #EEAA9C

CSS codes

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

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