#AF5EB6 - #FFB3BA | 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 #AF5EB6 to #FFB3BA

#AF5EB6 #FFB3BA

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

#AF5EB6 - #FFB3BA | 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 #AF5EB6 as 0% and #FFB3BA as 100%.

0.0%	0.0% #AF5EB6	RGB 175 94 182	#AF5EB6
16.7%	16.7% #BC6CB6	RGB 188 108 182	#BC6CB6
33.3%	33.3% #C97AB7	RGB 201 122 183	#C97AB7
50.0%	50.0% #D788B8	RGB 215 136 184	#D788B8
66.7%	66.7% #E496B8	RGB 228 150 184	#E496B8
83.3%	83.3% #F1A4B9	RGB 241 164 185	#F1A4B9
100.0%	100.0% #FFB3BA	RGB 255 179 186	#FFB3BA

#AF5EB6 #BC6CB6 #C97AB7 #D788B8 #E496B8 #F1A4B9 #FFB3BA

#AF5EB6 - #FFB3BA

HSV Blend

#AF5EB6 - #FFB3BA | 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 #AF5EB6 as 0% and #FFB3BA as 100%.

0.0%	0.0% #AF5EB6	RGB 175 94 182	#AF5EB6
16.7%	16.7% #C26ABA	RGB 194 106 186	#C26ABA
33.3%	33.3% #CE77B8	RGB 206 119 184	#CE77B8
50.0%	50.0% #DA85B7	RGB 218 133 183	#DA85B7
66.7%	66.7% #E693B6	RGB 230 147 182	#E693B6
83.3%	83.3% #F2A2B7	RGB 242 162 183	#F2A2B7
100.0%	100.0% #FFB3BA	RGB 255 179 186	#FFB3BA

#AF5EB6 #C26ABA #CE77B8 #DA85B7 #E693B6 #F2A2B7 #FFB3BA

#AF5EB6 - #DA85B7 - #FFB3BA

CSS codes

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

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