#EFE6DB - #D6AF8D | 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 #EFE6DB to #D6AF8D

#EFE6DB #D6AF8D

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

#EFE6DB - #D6AF8D | 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 #EFE6DB as 0% and #D6AF8D as 100%.

0.0%	0.0% #EFE6DB	RGB 239 230 219	#EFE6DB
16.7%	16.7% #EADCCE	RGB 234 220 206	#EADCCE
33.3%	33.3% #E6D3C1	RGB 230 211 193	#E6D3C1
50.0%	50.0% #E2CAB4	RGB 226 202 180	#E2CAB4
66.7%	66.7% #DEC1A7	RGB 222 193 167	#DEC1A7
83.3%	83.3% #DAB89A	RGB 218 184 154	#DAB89A
100.0%	100.0% #D6AF8D	RGB 214 175 141	#D6AF8D

#EFE6DB #EADCCE #E6D3C1 #E2CAB4 #DEC1A7 #DAB89A #D6AF8D

#EFE6DB - #D6AF8D

HSV Blend

#EFE6DB - #D6AF8D | 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 #EFE6DB as 0% and #D6AF8D as 100%.

0.0%	0.0% #EFE6DB	RGB 239 230 219	#EFE6DB
16.7%	16.7% #EADDCD	RGB 234 221 205	#EADDCD
33.3%	33.3% #E6D3BF	RGB 230 211 191	#E6D3BF
50.0%	50.0% #E2CAB2	RGB 226 202 178	#E2CAB2
66.7%	66.7% #DEC1A5	RGB 222 193 165	#DEC1A5
83.3%	83.3% #DAB899	RGB 218 184 153	#DAB899
100.0%	100.0% #D6AF8D	RGB 214 175 141	#D6AF8D

#EFE6DB #EADDCD #E6D3BF #E2CAB2 #DEC1A5 #DAB899 #D6AF8D

#EFE6DB - #E2CAB2 - #D6AF8D

CSS codes

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

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