#985CAA - #FA7AFB | 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 #985CAA to #FA7AFB

#985CAA #FA7AFB

Calculate the color between two colors, #985CAA and #FA7AFB. 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)

#985CAA - #FA7AFB | 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 #985CAA as 0% and #FA7AFB as 100%.

0.0%	0.0% #985CAA	RGB 152 92 170	#985CAA
16.7%	16.7% #A861B7	RGB 168 97 183	#A861B7
33.3%	33.3% #B866C5	RGB 184 102 197	#B866C5
50.0%	50.0% #C96BD2	RGB 201 107 210	#C96BD2
66.7%	66.7% #D970E0	RGB 217 112 224	#D970E0
83.3%	83.3% #E975ED	RGB 233 117 237	#E975ED
100.0%	100.0% #FA7AFB	RGB 250 122 251	#FA7AFB

#985CAA #A861B7 #B866C5 #C96BD2 #D970E0 #E975ED #FA7AFB

#985CAA - #FA7AFB

HSV Blend

#985CAA - #FA7AFB | 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 #985CAA as 0% and #FA7AFB as 100%.

0.0%	0.0% #985CAA	RGB 152 92 170	#985CAA
16.7%	16.7% #A661B7	RGB 166 97 183	#A661B7
33.3%	33.3% #B666C5	RGB 182 102 197	#B666C5
50.0%	50.0% #C66CD2	RGB 198 108 210	#C66CD2
66.7%	66.7% #D670E0	RGB 214 112 224	#D670E0
83.3%	83.3% #E875ED	RGB 232 117 237	#E875ED
100.0%	100.0% #FA7AFB	RGB 250 122 251	#FA7AFB

#985CAA #A661B7 #B666C5 #C66CD2 #D670E0 #E875ED #FA7AFB

#985CAA - #C66CD2 - #FA7AFB

CSS codes

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

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