#AF5491 - #E8CEDF | 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 #AF5491 to #E8CEDF

#AF5491 #E8CEDF

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

#AF5491 - #E8CEDF | 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 #AF5491 as 0% and #E8CEDF as 100%.

0.0%	0.0% #AF5491	RGB 175 84 145	#AF5491
16.7%	16.7% #B8689E	RGB 184 104 158	#B8689E
33.3%	33.3% #C27CAB	RGB 194 124 171	#C27CAB
50.0%	50.0% #CB91B8	RGB 203 145 184	#CB91B8
66.7%	66.7% #D5A5C5	RGB 213 165 197	#D5A5C5
83.3%	83.3% #DEB9D2	RGB 222 185 210	#DEB9D2
100.0%	100.0% #E8CEDF	RGB 232 206 223	#E8CEDF

#AF5491 #B8689E #C27CAB #CB91B8 #D5A5C5 #DEB9D2 #E8CEDF

#AF5491 - #E8CEDF

HSV Blend

#AF5491 - #E8CEDF | 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 #AF5491 as 0% and #E8CEDF as 100%.

0.0%	0.0% #AF5491	RGB 175 84 145	#AF5491
16.7%	16.7% #B8659C	RGB 184 101 156	#B8659C
33.3%	33.3% #C277A9	RGB 194 119 169	#C277A9
50.0%	50.0% #CB8BB5	RGB 203 139 181	#CB8BB5
66.7%	66.7% #D5A0C3	RGB 213 160 195	#D5A0C3
83.3%	83.3% #DEB6D0	RGB 222 182 208	#DEB6D0
100.0%	100.0% #E8CEDF	RGB 232 206 223	#E8CEDF

#AF5491 #B8659C #C277A9 #CB8BB5 #D5A0C3 #DEB6D0 #E8CEDF

#AF5491 - #CB8BB5 - #E8CEDF

CSS codes

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

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