#6C5E9E - #EEADB0 | 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 #6C5E9E to #EEADB0

#6C5E9E #EEADB0

Calculate the color between two colors, #6C5E9E and #EEADB0. 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)

#6C5E9E - #EEADB0 | 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 #6C5E9E as 0% and #EEADB0 as 100%.

0.0%	0.0% #6C5E9E	RGB 108 94 158	#6C5E9E
16.7%	16.7% #816BA1	RGB 129 107 161	#816BA1
33.3%	33.3% #9778A4	RGB 151 120 164	#9778A4
50.0%	50.0% #AD85A7	RGB 173 133 167	#AD85A7
66.7%	66.7% #C292AA	RGB 194 146 170	#C292AA
83.3%	83.3% #D89FAD	RGB 216 159 173	#D89FAD
100.0%	100.0% #EEADB0	RGB 238 173 176	#EEADB0

#6C5E9E #816BA1 #9778A4 #AD85A7 #C292AA #D89FAD #EEADB0

#6C5E9E - #EEADB0

HSV Blend

#6C5E9E - #EEADB0 | 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 #6C5E9E as 0% and #EEADB0 as 100%.

0.0%	0.0% #6C5E9E	RGB 108 94 158	#6C5E9E
16.7%	16.7% #8B69AB	RGB 139 105 171	#8B69AB
33.3%	33.3% #AB75B8	RGB 171 117 184	#AB75B8
50.0%	50.0% #C682C0	RGB 198 130 192	#C682C0
66.7%	66.7% #D390BA	RGB 211 144 186	#D390BA
83.3%	83.3% #E09EB4	RGB 224 158 180	#E09EB4
100.0%	100.0% #EEADB0	RGB 238 173 176	#EEADB0

#6C5E9E #8B69AB #AB75B8 #C682C0 #D390BA #E09EB4 #EEADB0

#6C5E9E - #C682C0 - #EEADB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5E9E 0%, #C682C0 50%, #EEADB0 100%);
    background: -webkit-linear-gradient(top, #6C5E9E 0%, #C682C0 50%, #EEADB0 100%);
    background: linear-gradient(to bottom, #6C5E9E 0%, #C682C0 50%, #EEADB0 100%);
}
</style>