#AF5EBE - #E07EFF | 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 #AF5EBE to #E07EFF

#AF5EBE #E07EFF

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

#AF5EBE - #E07EFF | 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 #AF5EBE as 0% and #E07EFF as 100%.

0.0%	0.0% #AF5EBE	RGB 175 94 190	#AF5EBE
16.7%	16.7% #B763C8	RGB 183 99 200	#B763C8
33.3%	33.3% #BF68D3	RGB 191 104 211	#BF68D3
50.0%	50.0% #C76EDE	RGB 199 110 222	#C76EDE
66.7%	66.7% #CF73E9	RGB 207 115 233	#CF73E9
83.3%	83.3% #D778F4	RGB 215 120 244	#D778F4
100.0%	100.0% #E07EFF	RGB 224 126 255	#E07EFF

#AF5EBE #B763C8 #BF68D3 #C76EDE #CF73E9 #D778F4 #E07EFF

#AF5EBE - #E07EFF

HSV Blend

#AF5EBE - #E07EFF | 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 #AF5EBE as 0% and #E07EFF as 100%.

0.0%	0.0% #AF5EBE	RGB 175 94 190	#AF5EBE
16.7%	16.7% #B763C8	RGB 183 99 200	#B763C8
33.3%	33.3% #BF68D3	RGB 191 104 211	#BF68D3
50.0%	50.0% #C86EDE	RGB 200 110 222	#C86EDE
66.7%	66.7% #D073E9	RGB 208 115 233	#D073E9
83.3%	83.3% #D878F4	RGB 216 120 244	#D878F4
100.0%	100.0% #E07EFF	RGB 224 126 255	#E07EFF

#AF5EBE #B763C8 #BF68D3 #C86EDE #D073E9 #D878F4 #E07EFF

#AF5EBE - #C86EDE - #E07EFF

CSS codes

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

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