#6B5DA5 - #EAADB8 | 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 #6B5DA5 to #EAADB8

#6B5DA5 #EAADB8

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

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

0.0%	0.0% #6B5DA5	RGB 107 93 165	#6B5DA5
16.7%	16.7% #806AA8	RGB 128 106 168	#806AA8
33.3%	33.3% #9577AB	RGB 149 119 171	#9577AB
50.0%	50.0% #AA85AE	RGB 170 133 174	#AA85AE
66.7%	66.7% #BF92B1	RGB 191 146 177	#BF92B1
83.3%	83.3% #D49FB4	RGB 212 159 180	#D49FB4
100.0%	100.0% #EAADB8	RGB 234 173 184	#EAADB8

#6B5DA5 #806AA8 #9577AB #AA85AE #BF92B1 #D49FB4 #EAADB8

#6B5DA5 - #EAADB8

HSV Blend

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

0.0%	0.0% #6B5DA5	RGB 107 93 165	#6B5DA5
16.7%	16.7% #8A68B0	RGB 138 104 176	#8A68B0
33.3%	33.3% #A974BC	RGB 169 116 188	#A974BC
50.0%	50.0% #C781C7	RGB 199 129 199	#C781C7
66.7%	66.7% #D38FC0	RGB 211 143 192	#D38FC0
83.3%	83.3% #DE9DBB	RGB 222 157 187	#DE9DBB
100.0%	100.0% #EAADB8	RGB 234 173 184	#EAADB8

#6B5DA5 #8A68B0 #A974BC #C781C7 #D38FC0 #DE9DBB #EAADB8

#6B5DA5 - #C781C7 - #EAADB8

CSS codes

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

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