#AF6A8C - #E8D4DE | 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 #AF6A8C to #E8D4DE

#AF6A8C #E8D4DE

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

#AF6A8C - #E8D4DE | 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 #AF6A8C as 0% and #E8D4DE as 100%.

0.0%	0.0% #AF6A8C	RGB 175 106 140	#AF6A8C
16.7%	16.7% #B87B99	RGB 184 123 153	#B87B99
33.3%	33.3% #C28DA7	RGB 194 141 167	#C28DA7
50.0%	50.0% #CB9FB5	RGB 203 159 181	#CB9FB5
66.7%	66.7% #D5B0C2	RGB 213 176 194	#D5B0C2
83.3%	83.3% #DEC2D0	RGB 222 194 208	#DEC2D0
100.0%	100.0% #E8D4DE	RGB 232 212 222	#E8D4DE

#AF6A8C #B87B99 #C28DA7 #CB9FB5 #D5B0C2 #DEC2D0 #E8D4DE

#AF6A8C - #E8D4DE

HSV Blend

#AF6A8C - #E8D4DE | 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 #AF6A8C as 0% and #E8D4DE as 100%.

0.0%	0.0% #AF6A8C	RGB 175 106 140	#AF6A8C
16.7%	16.7% #B87998	RGB 184 121 152	#B87998
33.3%	33.3% #C289A5	RGB 194 137 165	#C289A5
50.0%	50.0% #CB9AB2	RGB 203 154 178	#CB9AB2
66.7%	66.7% #D5ACC0	RGB 213 172 192	#D5ACC0
83.3%	83.3% #DEBFCF	RGB 222 191 207	#DEBFCF
100.0%	100.0% #E8D4DE	RGB 232 212 222	#E8D4DE

#AF6A8C #B87998 #C289A5 #CB9AB2 #D5ACC0 #DEBFCF #E8D4DE

#AF6A8C - #CB9AB2 - #E8D4DE

CSS codes

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

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