#AF6BA4 - #E8D4E4 | 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 #AF6BA4 to #E8D4E4

#AF6BA4 #E8D4E4

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

#AF6BA4 - #E8D4E4 | 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 #AF6BA4 as 0% and #E8D4E4 as 100%.

0.0%	0.0% #AF6BA4	RGB 175 107 164	#AF6BA4
16.7%	16.7% #B87CAE	RGB 184 124 174	#B87CAE
33.3%	33.3% #C28EB9	RGB 194 142 185	#C28EB9
50.0%	50.0% #CB9FC4	RGB 203 159 196	#CB9FC4
66.7%	66.7% #D5B1CE	RGB 213 177 206	#D5B1CE
83.3%	83.3% #DEC2D9	RGB 222 194 217	#DEC2D9
100.0%	100.0% #E8D4E4	RGB 232 212 228	#E8D4E4

#AF6BA4 #B87CAE #C28EB9 #CB9FC4 #D5B1CE #DEC2D9 #E8D4E4

#AF6BA4 - #E8D4E4

HSV Blend

#AF6BA4 - #E8D4E4 | 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 #AF6BA4 as 0% and #E8D4E4 as 100%.

0.0%	0.0% #AF6BA4	RGB 175 107 164	#AF6BA4
16.7%	16.7% #B87AAE	RGB 184 122 174	#B87AAE
33.3%	33.3% #C28AB8	RGB 194 138 184	#C28AB8
50.0%	50.0% #CB9BC2	RGB 203 155 194	#CB9BC2
66.7%	66.7% #D5ADCD	RGB 213 173 205	#D5ADCD
83.3%	83.3% #DEC0D8	RGB 222 192 216	#DEC0D8
100.0%	100.0% #E8D4E4	RGB 232 212 228	#E8D4E4

#AF6BA4 #B87AAE #C28AB8 #CB9BC2 #D5ADCD #DEC0D8 #E8D4E4

#AF6BA4 - #CB9BC2 - #E8D4E4

CSS codes

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

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