#CACE9D - #EFF1E3 | 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 #CACE9D to #EFF1E3

#CACE9D #EFF1E3

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

#CACE9D - #EFF1E3 | 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 #CACE9D as 0% and #EFF1E3 as 100%.

0.0%	0.0% #CACE9D	RGB 202 206 157	#CACE9D
16.7%	16.7% #D0D3A8	RGB 208 211 168	#D0D3A8
33.3%	33.3% #D6D9B4	RGB 214 217 180	#D6D9B4
50.0%	50.0% #DCDFC0	RGB 220 223 192	#DCDFC0
66.7%	66.7% #E2E5CB	RGB 226 229 203	#E2E5CB
83.3%	83.3% #E8EBD7	RGB 232 235 215	#E8EBD7
100.0%	100.0% #EFF1E3	RGB 239 241 227	#EFF1E3

#CACE9D #D0D3A8 #D6D9B4 #DCDFC0 #E2E5CB #E8EBD7 #EFF1E3

#CACE9D - #EFF1E3

HSV Blend

#CACE9D - #EFF1E3 | 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 #CACE9D as 0% and #EFF1E3 as 100%.

0.0%	0.0% #CACE9D	RGB 202 206 157	#CACE9D
16.7%	16.7% #CFD3A7	RGB 207 211 167	#CFD3A7
33.3%	33.3% #D5D9B2	RGB 213 217 178	#D5D9B2
50.0%	50.0% #DBDFBE	RGB 219 223 190	#DBDFBE
66.7%	66.7% #E2E5CA	RGB 226 229 202	#E2E5CA
83.3%	83.3% #E8EBD6	RGB 232 235 214	#E8EBD6
100.0%	100.0% #EFF1E3	RGB 239 241 227	#EFF1E3

#CACE9D #CFD3A7 #D5D9B2 #DBDFBE #E2E5CA #E8EBD6 #EFF1E3

#CACE9D - #DBDFBE - #EFF1E3

CSS codes

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

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