#AB6BAC - #FB9FBB | 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 #AB6BAC to #FB9FBB

#AB6BAC #FB9FBB

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

#AB6BAC - #FB9FBB | 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 #AB6BAC as 0% and #FB9FBB as 100%.

0.0%	0.0% #AB6BAC	RGB 171 107 172	#AB6BAC
16.7%	16.7% #B873AE	RGB 184 115 174	#B873AE
33.3%	33.3% #C57CB1	RGB 197 124 177	#C57CB1
50.0%	50.0% #D385B3	RGB 211 133 179	#D385B3
66.7%	66.7% #E08DB6	RGB 224 141 182	#E08DB6
83.3%	83.3% #ED96B8	RGB 237 150 184	#ED96B8
100.0%	100.0% #FB9FBB	RGB 251 159 187	#FB9FBB

#AB6BAC #B873AE #C57CB1 #D385B3 #E08DB6 #ED96B8 #FB9FBB

#AB6BAC - #FB9FBB

HSV Blend

#AB6BAC - #FB9FBB | 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 #AB6BAC as 0% and #FB9FBB as 100%.

0.0%	0.0% #AB6BAC	RGB 171 107 172	#AB6BAC
16.7%	16.7% #B973B1	RGB 185 115 177	#B973B1
33.3%	33.3% #C67CB5	RGB 198 124 181	#C67CB5
50.0%	50.0% #D384B8	RGB 211 132 184	#D384B8
66.7%	66.7% #E08DBA	RGB 224 141 186	#E08DBA
83.3%	83.3% #ED96BB	RGB 237 150 187	#ED96BB
100.0%	100.0% #FB9FBB	RGB 251 159 187	#FB9FBB

#AB6BAC #B973B1 #C67CB5 #D384B8 #E08DBA #ED96BB #FB9FBB

#AB6BAC - #D384B8 - #FB9FBB

CSS codes

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

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