#AF41A8 - #E8C8E6 | 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 #AF41A8 to #E8C8E6

#AF41A8 #E8C8E6

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

#AF41A8 - #E8C8E6 | 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 #AF41A8 as 0% and #E8C8E6 as 100%.

0.0%	0.0% #AF41A8	RGB 175 65 168	#AF41A8
16.7%	16.7% #B857B2	RGB 184 87 178	#B857B2
33.3%	33.3% #C26EBC	RGB 194 110 188	#C26EBC
50.0%	50.0% #CB84C7	RGB 203 132 199	#CB84C7
66.7%	66.7% #D59BD1	RGB 213 155 209	#D59BD1
83.3%	83.3% #DEB1DB	RGB 222 177 219	#DEB1DB
100.0%	100.0% #E8C8E6	RGB 232 200 230	#E8C8E6

#AF41A8 #B857B2 #C26EBC #CB84C7 #D59BD1 #DEB1DB #E8C8E6

#AF41A8 - #E8C8E6

HSV Blend

#AF41A8 - #E8C8E6 | 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 #AF41A8 as 0% and #E8C8E6 as 100%.

0.0%	0.0% #AF41A8	RGB 175 65 168	#AF41A8
16.7%	16.7% #B853B2	RGB 184 83 178	#B853B2
33.3%	33.3% #C267BC	RGB 194 103 188	#C267BC
50.0%	50.0% #CB7DC6	RGB 203 125 198	#CB7DC6
66.7%	66.7% #D594D0	RGB 213 148 208	#D594D0
83.3%	83.3% #DEADDB	RGB 222 173 219	#DEADDB
100.0%	100.0% #E8C8E6	RGB 232 200 230	#E8C8E6

#AF41A8 #B853B2 #C267BC #CB7DC6 #D594D0 #DEADDB #E8C8E6

#AF41A8 - #CB7DC6 - #E8C8E6

CSS codes

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

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