#6B569C - #E9A5AF | 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 #6B569C to #E9A5AF

#6B569C #E9A5AF

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

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

0.0%	0.0% #6B569C	RGB 107 86 156	#6B569C
16.7%	16.7% #80639F	RGB 128 99 159	#80639F
33.3%	33.3% #9570A2	RGB 149 112 162	#9570A2
50.0%	50.0% #AA7DA5	RGB 170 125 165	#AA7DA5
66.7%	66.7% #BF8AA8	RGB 191 138 168	#BF8AA8
83.3%	83.3% #D497AB	RGB 212 151 171	#D497AB
100.0%	100.0% #E9A5AF	RGB 233 165 175	#E9A5AF

#6B569C #80639F #9570A2 #AA7DA5 #BF8AA8 #D497AB #E9A5AF

#6B569C - #E9A5AF

HSV Blend

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

0.0%	0.0% #6B569C	RGB 107 86 156	#6B569C
16.7%	16.7% #8961A8	RGB 137 97 168	#8961A8
33.3%	33.3% #A86DB5	RGB 168 109 181	#A86DB5
50.0%	50.0% #C27ABC	RGB 194 122 188	#C27ABC
66.7%	66.7% #CF87B7	RGB 207 135 183	#CF87B7
83.3%	83.3% #DC96B2	RGB 220 150 178	#DC96B2
100.0%	100.0% #E9A5AF	RGB 233 165 175	#E9A5AF

#6B569C #8961A8 #A86DB5 #C27ABC #CF87B7 #DC96B2 #E9A5AF

#6B569C - #C27ABC - #E9A5AF

CSS codes

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

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