#DECFCB - #AA867E | 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 #DECFCB to #AA867E

#DECFCB #AA867E

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

#DECFCB - #AA867E | 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 #DECFCB as 0% and #AA867E as 100%.

0.0%	0.0% #DECFCB	RGB 222 207 203	#DECFCB
16.7%	16.7% #D5C2BE	RGB 213 194 190	#D5C2BE
33.3%	33.3% #CCB6B1	RGB 204 182 177	#CCB6B1
50.0%	50.0% #C4AAA4	RGB 196 170 164	#C4AAA4
66.7%	66.7% #BB9E97	RGB 187 158 151	#BB9E97
83.3%	83.3% #B2928A	RGB 178 146 138	#B2928A
100.0%	100.0% #AA867E	RGB 170 134 126	#AA867E

#DECFCB #D5C2BE #CCB6B1 #C4AAA4 #BB9E97 #B2928A #AA867E

#DECFCB - #AA867E

HSV Blend

#DECFCB - #AA867E | 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 #DECFCB as 0% and #AA867E as 100%.

0.0%	0.0% #DECFCB	RGB 222 207 203	#DECFCB
16.7%	16.7% #D5C1BC	RGB 213 193 188	#D5C1BC
33.3%	33.3% #CCB5AF	RGB 204 181 175	#CCB5AF
50.0%	50.0% #C4A8A2	RGB 196 168 162	#C4A8A2
66.7%	66.7% #BB9C95	RGB 187 156 149	#BB9C95
83.3%	83.3% #B29189	RGB 178 145 137	#B29189
100.0%	100.0% #AA867E	RGB 170 134 126	#AA867E

#DECFCB #D5C1BC #CCB5AF #C4A8A2 #BB9C95 #B29189 #AA867E

#DECFCB - #C4A8A2 - #AA867E

CSS codes

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

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