#A1857C - #FDCB9C | 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 #A1857C to #FDCB9C

#A1857C #FDCB9C

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

#A1857C - #FDCB9C | 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 #A1857C as 0% and #FDCB9C as 100%.

0.0%	0.0% #A1857C	RGB 161 133 124	#A1857C
16.7%	16.7% #B09081	RGB 176 144 129	#B09081
33.3%	33.3% #BF9C86	RGB 191 156 134	#BF9C86
50.0%	50.0% #CFA88C	RGB 207 168 140	#CFA88C
66.7%	66.7% #DEB391	RGB 222 179 145	#DEB391
83.3%	83.3% #EDBF96	RGB 237 191 150	#EDBF96
100.0%	100.0% #FDCB9C	RGB 253 203 156	#FDCB9C

#A1857C #B09081 #BF9C86 #CFA88C #DEB391 #EDBF96 #FDCB9C

#A1857C - #FDCB9C

HSV Blend

#A1857C - #FDCB9C | 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 #A1857C as 0% and #FDCB9C as 100%.

0.0%	0.0% #A1857C	RGB 161 133 124	#A1857C
16.7%	16.7% #B09083	RGB 176 144 131	#B09083
33.3%	33.3% #BF9B89	RGB 191 155 137	#BF9B89
50.0%	50.0% #CFA68F	RGB 207 166 143	#CFA68F
66.7%	66.7% #DEB294	RGB 222 178 148	#DEB294
83.3%	83.3% #EDBE98	RGB 237 190 152	#EDBE98
100.0%	100.0% #FDCB9C	RGB 253 203 156	#FDCB9C

#A1857C #B09083 #BF9B89 #CFA68F #DEB294 #EDBE98 #FDCB9C

#A1857C - #CFA68F - #FDCB9C

CSS codes

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

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