#6C5E9D - #EEADAF | 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 #6C5E9D to #EEADAF

#6C5E9D #EEADAF

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

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

0.0%	0.0% #6C5E9D	RGB 108 94 157	#6C5E9D
16.7%	16.7% #816BA0	RGB 129 107 160	#816BA0
33.3%	33.3% #9778A3	RGB 151 120 163	#9778A3
50.0%	50.0% #AD85A6	RGB 173 133 166	#AD85A6
66.7%	66.7% #C292A9	RGB 194 146 169	#C292A9
83.3%	83.3% #D89FAC	RGB 216 159 172	#D89FAC
100.0%	100.0% #EEADAF	RGB 238 173 175	#EEADAF

#6C5E9D #816BA0 #9778A3 #AD85A6 #C292A9 #D89FAC #EEADAF

#6C5E9D - #EEADAF

HSV Blend

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

0.0%	0.0% #6C5E9D	RGB 108 94 157	#6C5E9D
16.7%	16.7% #8A69AA	RGB 138 105 170	#8A69AA
33.3%	33.3% #AB76B8	RGB 171 118 184	#AB76B8
50.0%	50.0% #C582BF	RGB 197 130 191	#C582BF
66.7%	66.7% #D390B9	RGB 211 144 185	#D390B9
83.3%	83.3% #E09EB3	RGB 224 158 179	#E09EB3
100.0%	100.0% #EEADAF	RGB 238 173 175	#EEADAF

#6C5E9D #8A69AA #AB76B8 #C582BF #D390B9 #E09EB3 #EEADAF

#6C5E9D - #C582BF - #EEADAF

CSS codes

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

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