#DECFC3 - #AC8971 | 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 #DECFC3 to #AC8971

#DECFC3 #AC8971

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

#DECFC3 - #AC8971 | 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 #DECFC3 as 0% and #AC8971 as 100%.

0.0%	0.0% #DECFC3	RGB 222 207 195	#DECFC3
16.7%	16.7% #D5C3B5	RGB 213 195 181	#D5C3B5
33.3%	33.3% #CDB7A7	RGB 205 183 167	#CDB7A7
50.0%	50.0% #C5AC9A	RGB 197 172 154	#C5AC9A
66.7%	66.7% #BCA08C	RGB 188 160 140	#BCA08C
83.3%	83.3% #B4947E	RGB 180 148 126	#B4947E
100.0%	100.0% #AC8971	RGB 172 137 113	#AC8971

#DECFC3 #D5C3B5 #CDB7A7 #C5AC9A #BCA08C #B4947E #AC8971

#DECFC3 - #AC8971

HSV Blend

#DECFC3 - #AC8971 | 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 #DECFC3 as 0% and #AC8971 as 100%.

0.0%	0.0% #DECFC3	RGB 222 207 195	#DECFC3
16.7%	16.7% #D5C2B3	RGB 213 194 179	#D5C2B3
33.3%	33.3% #CDB6A5	RGB 205 182 165	#CDB6A5
50.0%	50.0% #C5AA97	RGB 197 170 151	#C5AA97
66.7%	66.7% #BC9F89	RGB 188 159 137	#BC9F89
83.3%	83.3% #B4937D	RGB 180 147 125	#B4937D
100.0%	100.0% #AC8971	RGB 172 137 113	#AC8971

#DECFC3 #D5C2B3 #CDB6A5 #C5AA97 #BC9F89 #B4937D #AC8971

#DECFC3 - #C5AA97 - #AC8971

CSS codes

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

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