#FF9FA3 - #FFB6FD | 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 #FF9FA3 to #FFB6FD

#FF9FA3 #FFB6FD

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

#FF9FA3 - #FFB6FD | 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 #FF9FA3 as 0% and #FFB6FD as 100%.

0.0%	0.0% #FF9FA3	RGB 255 159 163	#FF9FA3
16.7%	16.7% #FFA2B2	RGB 255 162 178	#FFA2B2
33.3%	33.3% #FFA6C1	RGB 255 166 193	#FFA6C1
50.0%	50.0% #FFAAD0	RGB 255 170 208	#FFAAD0
66.7%	66.7% #FFAEDF	RGB 255 174 223	#FFAEDF
83.3%	83.3% #FFB2EE	RGB 255 178 238	#FFB2EE
100.0%	100.0% #FFB6FD	RGB 255 182 253	#FFB6FD

#FF9FA3 #FFA2B2 #FFA6C1 #FFAAD0 #FFAEDF #FFB2EE #FFB6FD

#FF9FA3 - #FFB6FD

HSV Blend

#FF9FA3 - #FFB6FD | 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 #FF9FA3 as 0% and #FFB6FD as 100%.

0.0%	0.0% #FF9FA2	RGB 255 159 162	#FF9FA2
16.7%	16.7% #FFA2B4	RGB 255 162 180	#FFA2B4
33.3%	33.3% #FFA6C5	RGB 255 166 197	#FFA6C5
50.0%	50.0% #FFAAD5	RGB 255 170 213	#FFAAD5
66.7%	66.7% #FFAEE3	RGB 255 174 227	#FFAEE3
83.3%	83.3% #FFB2F0	RGB 255 178 240	#FFB2F0
100.0%	100.0% #FFB6FD	RGB 255 182 253	#FFB6FD

#FF9FA2 #FFA2B4 #FFA6C5 #FFAAD5 #FFAEE3 #FFB2F0 #FFB6FD

#FF9FA3 - #FFAAD5 - #FFB6FD

CSS codes

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

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