#C29B8C - #FFAFA5 | 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 #C29B8C to #FFAFA5

#C29B8C #FFAFA5

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

#C29B8C - #FFAFA5 | 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 #C29B8C as 0% and #FFAFA5 as 100%.

0.0%	0.0% #C29B8C	RGB 194 155 140	#C29B8C
16.7%	16.7% #CC9E90	RGB 204 158 144	#CC9E90
33.3%	33.3% #D6A194	RGB 214 161 148	#D6A194
50.0%	50.0% #E0A598	RGB 224 165 152	#E0A598
66.7%	66.7% #EAA89C	RGB 234 168 156	#EAA89C
83.3%	83.3% #F4ABA0	RGB 244 171 160	#F4ABA0
100.0%	100.0% #FFAFA5	RGB 255 175 165	#FFAFA5

#C29B8C #CC9E90 #D6A194 #E0A598 #EAA89C #F4ABA0 #FFAFA5

#C29B8C - #FFAFA5

HSV Blend

#C29B8C - #FFAFA5 | 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 #C29B8C as 0% and #FFAFA5 as 100%.

0.0%	0.0% #C29B8C	RGB 194 155 140	#C29B8C
16.7%	16.7% #CC9F90	RGB 204 159 144	#CC9F90
33.3%	33.3% #D6A395	RGB 214 163 149	#D6A395
50.0%	50.0% #E0A799	RGB 224 167 153	#E0A799
66.7%	66.7% #EAAA9D	RGB 234 170 157	#EAAA9D
83.3%	83.3% #F4ADA1	RGB 244 173 161	#F4ADA1
100.0%	100.0% #FFAFA5	RGB 255 175 165	#FFAFA5

#C29B8C #CC9F90 #D6A395 #E0A799 #EAAA9D #F4ADA1 #FFAFA5

#C29B8C - #E0A799 - #FFAFA5

CSS codes

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

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