#6E5E8F - #F3AA9F | 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 #6E5E8F to #F3AA9F

#6E5E8F #F3AA9F

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

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

0.0%	0.0% #6E5E8F	RGB 110 94 143	#6E5E8F
16.7%	16.7% #846A91	RGB 132 106 145	#846A91
33.3%	33.3% #9A7794	RGB 154 119 148	#9A7794
50.0%	50.0% #B08497	RGB 176 132 151	#B08497
66.7%	66.7% #C69099	RGB 198 144 153	#C69099
83.3%	83.3% #DC9D9C	RGB 220 157 156	#DC9D9C
100.0%	100.0% #F3AA9F	RGB 243 170 159	#F3AA9F

#6E5E8F #846A91 #9A7794 #B08497 #C69099 #DC9D9C #F3AA9F

#6E5E8F - #F3AA9F

HSV Blend

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

0.0%	0.0% #6E5E8F	RGB 110 94 143	#6E5E8F
16.7%	16.7% #8B689F	RGB 139 104 159	#8B689F
33.3%	33.3% #AB73B0	RGB 171 115 176	#AB73B0
50.0%	50.0% #C17EB1	RGB 193 126 177	#C17EB1
66.7%	66.7% #D189AB	RGB 209 137 171	#D189AB
83.3%	83.3% #E294A1	RGB 226 148 161	#E294A1
100.0%	100.0% #F3AA9F	RGB 243 170 159	#F3AA9F

#6E5E8F #8B689F #AB73B0 #C17EB1 #D189AB #E294A1 #F3AA9F

#6E5E8F - #C17EB1 - #F3AA9F

CSS codes

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

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