#BA8F5E - #E0AFDC | 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 #E0AFDC

#BA8F5E #E0AFDC

Calculate the color between two colors, #BA8F5E and #E0AFDC. 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 - #E0AFDC | 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 #E0AFDC 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% #E0AFDC	RGB 224 175 220	#E0AFDC

#BA8F5E #C09473 #C69988 #CD9F9D #D3A4B2 #D9A9C7 #E0AFDC

#BA8F5E - #E0AFDC

HSV Blend

#BA8F5E - #E0AFDC | 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 #E0AFDC as 100%.

0.0%	0.0% #BA8F5E	RGB 186 143 94	#BA8F5E
16.7%	16.7% #C0836A	RGB 192 131 106	#C0836A
33.3%	33.3% #C67A76	RGB 198 122 118	#C67A76
50.0%	50.0% #CD8391	RGB 205 131 145	#CD8391
66.7%	66.7% #D391AE	RGB 211 145 174	#D391AE
83.3%	83.3% #D9A0C7	RGB 217 160 199	#D9A0C7
100.0%	100.0% #E0AFDC	RGB 224 175 220	#E0AFDC

#BA8F5E #C0836A #C67A76 #CD8391 #D391AE #D9A0C7 #E0AFDC

#BA8F5E - #CD8391 - #E0AFDC

CSS codes

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

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