#A08A8F - #FFCDA5 | 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 #A08A8F to #FFCDA5

#A08A8F #FFCDA5

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

#A08A8F - #FFCDA5 | 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 #A08A8F as 0% and #FFCDA5 as 100%.

0.0%	0.0% #A08A8F	RGB 160 138 143	#A08A8F
16.7%	16.7% #AF9592	RGB 175 149 146	#AF9592
33.3%	33.3% #BFA096	RGB 191 160 150	#BFA096
50.0%	50.0% #CFAB9A	RGB 207 171 154	#CFAB9A
66.7%	66.7% #DFB69D	RGB 223 182 157	#DFB69D
83.3%	83.3% #EFC1A1	RGB 239 193 161	#EFC1A1
100.0%	100.0% #FFCDA5	RGB 255 205 165	#FFCDA5

#A08A8F #AF9592 #BFA096 #CFAB9A #DFB69D #EFC1A1 #FFCDA5

#A08A8F - #FFCDA5

HSV Blend

#A08A8F - #FFCDA5 | 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 #A08A8F as 0% and #FFCDA5 as 100%.

0.0%	0.0% #A08A8F	RGB 160 138 143	#A08A8F
16.7%	16.7% #AF9194	RGB 175 145 148	#AF9194
33.3%	33.3% #BF9797	RGB 191 151 151	#BF9797
50.0%	50.0% #CFA29C	RGB 207 162 156	#CFA29C
66.7%	66.7% #DFAEA0	RGB 223 174 160	#DFAEA0
83.3%	83.3% #EFBCA3	RGB 239 188 163	#EFBCA3
100.0%	100.0% #FFCDA5	RGB 255 205 165	#FFCDA5

#A08A8F #AF9194 #BF9797 #CFA29C #DFAEA0 #EFBCA3 #FFCDA5

#A08A8F - #CFA29C - #FFCDA5

CSS codes

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

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