#CAD9A1 - #F8F5C0 | 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 #CAD9A1 to #F8F5C0

#CAD9A1 #F8F5C0

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

#CAD9A1 - #F8F5C0 | 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 #CAD9A1 as 0% and #F8F5C0 as 100%.

0.0%	0.0% #CAD9A1	RGB 202 217 161	#CAD9A1
16.7%	16.7% #D1DDA6	RGB 209 221 166	#D1DDA6
33.3%	33.3% #D9E2AB	RGB 217 226 171	#D9E2AB
50.0%	50.0% #E1E7B0	RGB 225 231 176	#E1E7B0
66.7%	66.7% #E8EBB5	RGB 232 235 181	#E8EBB5
83.3%	83.3% #F0F0BA	RGB 240 240 186	#F0F0BA
100.0%	100.0% #F8F5C0	RGB 248 245 192	#F8F5C0

#CAD9A1 #D1DDA6 #D9E2AB #E1E7B0 #E8EBB5 #F0F0BA #F8F5C0

#CAD9A1 - #F8F5C0

HSV Blend

#CAD9A1 - #F8F5C0 | 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 #CAD9A1 as 0% and #F8F5C0 as 100%.

0.0%	0.0% #CAD9A1	RGB 202 217 161	#CAD9A1
16.7%	16.7% #D2DEA6	RGB 210 222 166	#D2DEA6
33.3%	33.3% #DAE3AB	RGB 218 227 171	#DAE3AB
50.0%	50.0% #E2E8B0	RGB 226 232 176	#E2E8B0
66.7%	66.7% #EAEDB5	RGB 234 237 181	#EAEDB5
83.3%	83.3% #F2F2BA	RGB 242 242 186	#F2F2BA
100.0%	100.0% #F8F5C0	RGB 248 245 192	#F8F5C0

#CAD9A1 #D2DEA6 #DAE3AB #E2E8B0 #EAEDB5 #F2F2BA #F8F5C0

#CAD9A1 - #E2E8B0 - #F8F5C0

CSS codes

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

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