#CACA8C - #EFEFDE | 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 #CACA8C to #EFEFDE

#CACA8C #EFEFDE

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

#CACA8C - #EFEFDE | 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 #CACA8C as 0% and #EFEFDE as 100%.

0.0%	0.0% #CACA8C	RGB 202 202 140	#CACA8C
16.7%	16.7% #D0D099	RGB 208 208 153	#D0D099
33.3%	33.3% #D6D6A7	RGB 214 214 167	#D6D6A7
50.0%	50.0% #DCDCB5	RGB 220 220 181	#DCDCB5
66.7%	66.7% #E2E2C2	RGB 226 226 194	#E2E2C2
83.3%	83.3% #E8E8D0	RGB 232 232 208	#E8E8D0
100.0%	100.0% #EFEFDE	RGB 239 239 222	#EFEFDE

#CACA8C #D0D099 #D6D6A7 #DCDCB5 #E2E2C2 #E8E8D0 #EFEFDE

#CACA8C - #EFEFDE

HSV Blend

#CACA8C - #EFEFDE | 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 #CACA8C as 0% and #EFEFDE as 100%.

0.0%	0.0% #CACA8C	RGB 202 202 140	#CACA8C
16.7%	16.7% #D0D098	RGB 208 208 152	#D0D098
33.3%	33.3% #D6D6A5	RGB 214 214 165	#D6D6A5
50.0%	50.0% #DCDCB2	RGB 220 220 178	#DCDCB2
66.7%	66.7% #E2E2C0	RGB 226 226 192	#E2E2C0
83.3%	83.3% #E8E8CF	RGB 232 232 207	#E8E8CF
100.0%	100.0% #EFEFDE	RGB 239 239 222	#EFEFDE

#CACA8C #D0D098 #D6D6A5 #DCDCB2 #E2E2C0 #E8E8CF #EFEFDE

#CACA8C - #DCDCB2 - #EFEFDE

CSS codes

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

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