#AF7A8C - #E8D9DE | 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 #AF7A8C to #E8D9DE

#AF7A8C #E8D9DE

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

#AF7A8C - #E8D9DE | 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 #AF7A8C as 0% and #E8D9DE as 100%.

0.0%	0.0% #AF7A8C	RGB 175 122 140	#AF7A8C
16.7%	16.7% #B88999	RGB 184 137 153	#B88999
33.3%	33.3% #C299A7	RGB 194 153 167	#C299A7
50.0%	50.0% #CBA9B5	RGB 203 169 181	#CBA9B5
66.7%	66.7% #D5B9C2	RGB 213 185 194	#D5B9C2
83.3%	83.3% #DEC9D0	RGB 222 201 208	#DEC9D0
100.0%	100.0% #E8D9DE	RGB 232 217 222	#E8D9DE

#AF7A8C #B88999 #C299A7 #CBA9B5 #D5B9C2 #DEC9D0 #E8D9DE

#AF7A8C - #E8D9DE

HSV Blend

#AF7A8C - #E8D9DE | 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 #AF7A8C as 0% and #E8D9DE as 100%.

0.0%	0.0% #AF7A8C	RGB 175 122 140	#AF7A8C
16.7%	16.7% #B88798	RGB 184 135 152	#B88798
33.3%	33.3% #C296A5	RGB 194 150 165	#C296A5
50.0%	50.0% #CBA6B2	RGB 203 166 178	#CBA6B2
66.7%	66.7% #D5B6C0	RGB 213 182 192	#D5B6C0
83.3%	83.3% #DEC7CF	RGB 222 199 207	#DEC7CF
100.0%	100.0% #E8D9DE	RGB 232 217 222	#E8D9DE

#AF7A8C #B88798 #C296A5 #CBA6B2 #D5B6C0 #DEC7CF #E8D9DE

#AF7A8C - #CBA6B2 - #E8D9DE

CSS codes

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

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