#AF5E9D - #F6B8BE | 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 #AF5E9D to #F6B8BE

#AF5E9D #F6B8BE

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

#AF5E9D - #F6B8BE | 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 #AF5E9D as 0% and #F6B8BE as 100%.

0.0%	0.0% #AF5E9D	RGB 175 94 157	#AF5E9D
16.7%	16.7% #BA6DA2	RGB 186 109 162	#BA6DA2
33.3%	33.3% #C67CA8	RGB 198 124 168	#C67CA8
50.0%	50.0% #D28BAD	RGB 210 139 173	#D28BAD
66.7%	66.7% #DE9AB3	RGB 222 154 179	#DE9AB3
83.3%	83.3% #EAA9B8	RGB 234 169 184	#EAA9B8
100.0%	100.0% #F6B8BE	RGB 246 184 190	#F6B8BE

#AF5E9D #BA6DA2 #C67CA8 #D28BAD #DE9AB3 #EAA9B8 #F6B8BE

#AF5E9D - #F6B8BE

HSV Blend

#AF5E9D - #F6B8BE | 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 #AF5E9D as 0% and #F6B8BE as 100%.

0.0%	0.0% #AF5E9C	RGB 175 94 156	#AF5E9C
16.7%	16.7% #BA6AA0	RGB 186 106 160	#BA6AA0
33.3%	33.3% #C678A3	RGB 198 120 163	#C678A3
50.0%	50.0% #D287A8	RGB 210 135 168	#D287A8
66.7%	66.7% #DE96AD	RGB 222 150 173	#DE96AD
83.3%	83.3% #EAA6B5	RGB 234 166 181	#EAA6B5
100.0%	100.0% #F6B8BE	RGB 246 184 190	#F6B8BE

#AF5E9C #BA6AA0 #C678A3 #D287A8 #DE96AD #EAA6B5 #F6B8BE

#AF5E9D - #D287A8 - #F6B8BE

CSS codes

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

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