#BA8F5E - #E0AFDD | 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 #BA8F5E to #E0AFDD

#BA8F5E #E0AFDD

Calculate the color between two colors, #BA8F5E and #E0AFDD. 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)

#BA8F5E - #E0AFDD | 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 #BA8F5E as 0% and #E0AFDD as 100%.

0.0%	0.0% #BA8F5E	RGB 186 143 94	#BA8F5E
16.7%	16.7% #C09473	RGB 192 148 115	#C09473
33.3%	33.3% #C69988	RGB 198 153 136	#C69988
50.0%	50.0% #CD9F9D	RGB 205 159 157	#CD9F9D
66.7%	66.7% #D3A4B2	RGB 211 164 178	#D3A4B2
83.3%	83.3% #D9A9C7	RGB 217 169 199	#D9A9C7
100.0%	100.0% #E0AFDD	RGB 224 175 221	#E0AFDD

#BA8F5E #C09473 #C69988 #CD9F9D #D3A4B2 #D9A9C7 #E0AFDD

#BA8F5E - #E0AFDD

HSV Blend

#BA8F5E - #E0AFDD | 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 #BA8F5E as 0% and #E0AFDD as 100%.

0.0%	0.0% #BA8F5E	RGB 186 143 94	#BA8F5E
16.7%	16.7% #C0826A	RGB 192 130 106	#C0826A
33.3%	33.3% #C67A76	RGB 198 122 118	#C67A76
50.0%	50.0% #CD8392	RGB 205 131 146	#CD8392
66.7%	66.7% #D391AF	RGB 211 145 175	#D391AF
83.3%	83.3% #D9A0C8	RGB 217 160 200	#D9A0C8
100.0%	100.0% #E0AFDD	RGB 224 175 221	#E0AFDD

#BA8F5E #C0826A #C67A76 #CD8392 #D391AF #D9A0C8 #E0AFDD

#BA8F5E - #CD8392 - #E0AFDD

CSS codes

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

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