#AF5E7E - #FFDEB1 | 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 #AF5E7E to #FFDEB1

#AF5E7E #FFDEB1

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

#AF5E7E - #FFDEB1 | 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 #AF5E7E as 0% and #FFDEB1 as 100%.

0.0%	0.0% #AF5E7E	RGB 175 94 126	#AF5E7E
16.7%	16.7% #BC7386	RGB 188 115 134	#BC7386
33.3%	33.3% #C9888F	RGB 201 136 143	#C9888F
50.0%	50.0% #D79E97	RGB 215 158 151	#D79E97
66.7%	66.7% #E4B3A0	RGB 228 179 160	#E4B3A0
83.3%	83.3% #F1C8A8	RGB 241 200 168	#F1C8A8
100.0%	100.0% #FFDEB1	RGB 255 222 177	#FFDEB1

#AF5E7E #BC7386 #C9888F #D79E97 #E4B3A0 #F1C8A8 #FFDEB1

#AF5E7E - #FFDEB1

HSV Blend

#AF5E7E - #FFDEB1 | 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 #AF5E7E as 0% and #FFDEB1 as 100%.

0.0%	0.0% #AF5E7E	RGB 175 94 126	#AF5E7E
16.7%	16.7% #BC6A7D	RGB 188 106 125	#BC6A7D
33.3%	33.3% #C9767C	RGB 201 118 124	#C9767C
50.0%	50.0% #D78B84	RGB 215 139 132	#D78B84
66.7%	66.7% #E4A792	RGB 228 167 146	#E4A792
83.3%	83.3% #F1C2A1	RGB 241 194 161	#F1C2A1
100.0%	100.0% #FFDEB1	RGB 255 222 177	#FFDEB1

#AF5E7E #BC6A7D #C9767C #D78B84 #E4A792 #F1C2A1 #FFDEB1

#AF5E7E - #D78B84 - #FFDEB1

CSS codes

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

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