#F9A2FF - #A126CE | 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 #F9A2FF to #A126CE

#F9A2FF #A126CE

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

#F9A2FF - #A126CE | 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 #F9A2FF as 0% and #A126CE as 100%.

0.0%	0.0% #F9A2FF	RGB 249 162 255	#F9A2FF
16.7%	16.7% #EA8DF6	RGB 234 141 246	#EA8DF6
33.3%	33.3% #DB78EE	RGB 219 120 238	#DB78EE
50.0%	50.0% #CD64E6	RGB 205 100 230	#CD64E6
66.7%	66.7% #BE4FDE	RGB 190 79 222	#BE4FDE
83.3%	83.3% #AF3AD6	RGB 175 58 214	#AF3AD6
100.0%	100.0% #A126CE	RGB 161 38 206	#A126CE

#F9A2FF #EA8DF6 #DB78EE #CD64E6 #BE4FDE #AF3AD6 #A126CE

#F9A2FF - #A126CE

HSV Blend

#F9A2FF - #A126CE | 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 #F9A2FF as 0% and #A126CE as 100%.

0.0%	0.0% #F9A2FF	RGB 249 162 255	#F9A2FF
16.7%	16.7% #EC8AF6	RGB 236 138 246	#EC8AF6
33.3%	33.3% #DE73EE	RGB 222 115 238	#DE73EE
50.0%	50.0% #CF5EE6	RGB 207 94 230	#CF5EE6
66.7%	66.7% #C04ADE	RGB 192 74 222	#C04ADE
83.3%	83.3% #B137D6	RGB 177 55 214	#B137D6
100.0%	100.0% #A126CE	RGB 161 38 206	#A126CE

#F9A2FF #EC8AF6 #DE73EE #CF5EE6 #C04ADE #B137D6 #A126CE

#F9A2FF - #CF5EE6 - #A126CE

CSS codes

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

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