#BA9968 - #EBE1D3 | 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 #BA9968 to #EBE1D3

#BA9968 #EBE1D3

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

#BA9968 - #EBE1D3 | 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 #BA9968 as 0% and #EBE1D3 as 100%.

0.0%	0.0% #BA9968	RGB 186 153 104	#BA9968
16.7%	16.7% #C2A579	RGB 194 165 121	#C2A579
33.3%	33.3% #CAB18B	RGB 202 177 139	#CAB18B
50.0%	50.0% #D2BD9D	RGB 210 189 157	#D2BD9D
66.7%	66.7% #DAC9AF	RGB 218 201 175	#DAC9AF
83.3%	83.3% #E2D5C1	RGB 226 213 193	#E2D5C1
100.0%	100.0% #EBE1D3	RGB 235 225 211	#EBE1D3

#BA9968 #C2A579 #CAB18B #D2BD9D #DAC9AF #E2D5C1 #EBE1D3

#BA9968 - #EBE1D3

HSV Blend

#BA9968 - #EBE1D3 | 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 #BA9968 as 0% and #EBE1D3 as 100%.

0.0%	0.0% #BA9968	RGB 186 153 104	#BA9968
16.7%	16.7% #C2A377	RGB 194 163 119	#C2A377
33.3%	33.3% #CAAF87	RGB 202 175 135	#CAAF87
50.0%	50.0% #D2BB99	RGB 210 187 153	#D2BB99
66.7%	66.7% #DAC7AB	RGB 218 199 171	#DAC7AB
83.3%	83.3% #E2D3BE	RGB 226 211 190	#E2D3BE
100.0%	100.0% #EBE1D3	RGB 235 225 211	#EBE1D3

#BA9968 #C2A377 #CAAF87 #D2BB99 #DAC7AB #E2D3BE #EBE1D3

#BA9968 - #D2BB99 - #EBE1D3

CSS codes

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

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