#EFE9C2 - #CACB6D | 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 #EFE9C2 to #CACB6D

#EFE9C2 #CACB6D

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

#EFE9C2 - #CACB6D | 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 #EFE9C2 as 0% and #CACB6D as 100%.

0.0%	0.0% #EFE9C2	RGB 239 233 194	#EFE9C2
16.7%	16.7% #E8E4B3	RGB 232 228 179	#E8E4B3
33.3%	33.3% #E2DFA5	RGB 226 223 165	#E2DFA5
50.0%	50.0% #DCDA97	RGB 220 218 151	#DCDA97
66.7%	66.7% #D6D589	RGB 214 213 137	#D6D589
83.3%	83.3% #D0D07B	RGB 208 208 123	#D0D07B
100.0%	100.0% #CACB6D	RGB 202 203 109	#CACB6D

#EFE9C2 #E8E4B3 #E2DFA5 #DCDA97 #D6D589 #D0D07B #CACB6D

#EFE9C2 - #CACB6D

HSV Blend

#EFE9C2 - #CACB6D | 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 #EFE9C2 as 0% and #CACB6D as 100%.

0.0%	0.0% #EFE9C2	RGB 239 233 194	#EFE9C2
16.7%	16.7% #E9E3B2	RGB 233 227 178	#E9E3B2
33.3%	33.3% #E3DDA3	RGB 227 221 163	#E3DDA3
50.0%	50.0% #DDD895	RGB 221 216 149	#DDD895
66.7%	66.7% #D7D487	RGB 215 212 135	#D7D487
83.3%	83.3% #D1CF79	RGB 209 207 121	#D1CF79
100.0%	100.0% #CACB6D	RGB 202 203 109	#CACB6D

#EFE9C2 #E9E3B2 #E3DDA3 #DDD895 #D7D487 #D1CF79 #CACB6D

#EFE9C2 - #DDD895 - #CACB6D

CSS codes

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

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