#CCAD9F - #F0E6E3 | 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 #CCAD9F to #F0E6E3

#CCAD9F #F0E6E3

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

#CCAD9F - #F0E6E3 | 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 #CCAD9F as 0% and #F0E6E3 as 100%.

0.0%	0.0% #CCAD9F	RGB 204 173 159	#CCAD9F
16.7%	16.7% #D2B6AA	RGB 210 182 170	#D2B6AA
33.3%	33.3% #D8C0B5	RGB 216 192 181	#D8C0B5
50.0%	50.0% #DEC9C1	RGB 222 201 193	#DEC9C1
66.7%	66.7% #E4D3CC	RGB 228 211 204	#E4D3CC
83.3%	83.3% #EADCD7	RGB 234 220 215	#EADCD7
100.0%	100.0% #F0E6E3	RGB 240 230 227	#F0E6E3

#CCAD9F #D2B6AA #D8C0B5 #DEC9C1 #E4D3CC #EADCD7 #F0E6E3

#CCAD9F - #F0E6E3

HSV Blend

#CCAD9F - #F0E6E3 | 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 #CCAD9F as 0% and #F0E6E3 as 100%.

0.0%	0.0% #CCAD9F	RGB 204 173 159	#CCAD9F
16.7%	16.7% #D2B5A9	RGB 210 181 169	#D2B5A9
33.3%	33.3% #D8BEB4	RGB 216 190 180	#D8BEB4
50.0%	50.0% #DEC7BF	RGB 222 199 191	#DEC7BF
66.7%	66.7% #E4D1CB	RGB 228 209 203	#E4D1CB
83.3%	83.3% #EADBD6	RGB 234 219 214	#EADBD6
100.0%	100.0% #F0E6E3	RGB 240 230 227	#F0E6E3

#CCAD9F #D2B5A9 #D8BEB4 #DEC7BF #E4D1CB #EADBD6 #F0E6E3

#CCAD9F - #DEC7BF - #F0E6E3

CSS codes

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

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