#A65DAE - #FEAFB2 | 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 #A65DAE to #FEAFB2

#A65DAE #FEAFB2

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

#A65DAE - #FEAFB2 | 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 #A65DAE as 0% and #FEAFB2 as 100%.

0.0%	0.0% #A65DAE	RGB 166 93 174	#A65DAE
16.7%	16.7% #B46AAE	RGB 180 106 174	#B46AAE
33.3%	33.3% #C378AF	RGB 195 120 175	#C378AF
50.0%	50.0% #D286B0	RGB 210 134 176	#D286B0
66.7%	66.7% #E093B0	RGB 224 147 176	#E093B0
83.3%	83.3% #EFA1B1	RGB 239 161 177	#EFA1B1
100.0%	100.0% #FEAFB2	RGB 254 175 178	#FEAFB2

#A65DAE #B46AAE #C378AF #D286B0 #E093B0 #EFA1B1 #FEAFB2

#A65DAE - #FEAFB2

HSV Blend

#A65DAE - #FEAFB2 | 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 #A65DAE as 0% and #FEAFB2 as 100%.

0.0%	0.0% #A65DAE	RGB 166 93 174	#A65DAE
16.7%	16.7% #BB68B4	RGB 187 104 180	#BB68B4
33.3%	33.3% #C875B3	RGB 200 117 179	#C875B3
50.0%	50.0% #D682B2	RGB 214 130 178	#D682B2
66.7%	66.7% #E390B1	RGB 227 144 177	#E390B1
83.3%	83.3% #F09FB1	RGB 240 159 177	#F09FB1
100.0%	100.0% #FEAFB2	RGB 254 175 178	#FEAFB2

#A65DAE #BB68B4 #C875B3 #D682B2 #E390B1 #F09FB1 #FEAFB2

#A65DAE - #D682B2 - #FEAFB2

CSS codes

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

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