#AF7E85 - #C9FFB5 | 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 #AF7E85 to #C9FFB5

#AF7E85 #C9FFB5

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

#AF7E85 - #C9FFB5 | 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 #AF7E85 as 0% and #C9FFB5 as 100%.

0.0%	0.0% #AF7E85	RGB 175 126 133	#AF7E85
16.7%	16.7% #B3938D	RGB 179 147 141	#B3938D
33.3%	33.3% #B7A995	RGB 183 169 149	#B7A995
50.0%	50.0% #BCBE9D	RGB 188 190 157	#BCBE9D
66.7%	66.7% #C0D4A5	RGB 192 212 165	#C0D4A5
83.3%	83.3% #C4E9AD	RGB 196 233 173	#C4E9AD
100.0%	100.0% #C9FFB5	RGB 201 255 181	#C9FFB5

#AF7E85 #B3938D #B7A995 #BCBE9D #C0D4A5 #C4E9AD #C9FFB5

#AF7E85 - #C9FFB5

HSV Blend

#AF7E85 - #C9FFB5 | 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 #AF7E85 as 0% and #C9FFB5 as 100%.

0.0%	0.0% #AF7E85	RGB 175 126 133	#AF7E85
16.7%	16.7% #BC9087	RGB 188 144 135	#BC9087
33.3%	33.3% #C9AC90	RGB 201 172 144	#C9AC90
50.0%	50.0% #D7CA99	RGB 215 202 153	#D7CA99
66.7%	66.7% #DDE4A2	RGB 221 228 162	#DDE4A2
83.3%	83.3% #D4F1AB	RGB 212 241 171	#D4F1AB
100.0%	100.0% #C9FFB5	RGB 201 255 181	#C9FFB5

#AF7E85 #BC9087 #C9AC90 #D7CA99 #DDE4A2 #D4F1AB #C9FFB5

#AF7E85 - #D7CA99 - #C9FFB5

CSS codes

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

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