#9494FF - #AFCFF9 | 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 #9494FF to #AFCFF9

#9494FF #AFCFF9

Calculate the color between two colors, #9494FF and #AFCFF9. 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)

#9494FF - #AFCFF9 | 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 #9494FF as 0% and #AFCFF9 as 100%.

0.0%	0.0% #9494FF	RGB 148 148 255	#9494FF
16.7%	16.7% #989DFE	RGB 152 157 254	#989DFE
33.3%	33.3% #9DA7FD	RGB 157 167 253	#9DA7FD
50.0%	50.0% #A1B1FC	RGB 161 177 252	#A1B1FC
66.7%	66.7% #A6BBFB	RGB 166 187 251	#A6BBFB
83.3%	83.3% #AAC5FA	RGB 170 197 250	#AAC5FA
100.0%	100.0% #AFCFF9	RGB 175 207 249	#AFCFF9

#9494FF #989DFE #9DA7FD #A1B1FC #A6BBFB #AAC5FA #AFCFF9

#9494FF - #AFCFF9

HSV Blend

#9494FF - #AFCFF9 | 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 #9494FF as 0% and #AFCFF9 as 100%.

0.0%	0.0% #9494FF	RGB 148 148 255	#9494FF
16.7%	16.7% #989FFE	RGB 152 159 254	#989FFE
33.3%	33.3% #9DAAFD	RGB 157 170 253	#9DAAFD
50.0%	50.0% #A1B5FC	RGB 161 181 252	#A1B5FC
66.7%	66.7% #A6BEFB	RGB 166 190 251	#A6BEFB
83.3%	83.3% #AAC7FA	RGB 170 199 250	#AAC7FA
100.0%	100.0% #AFCFF9	RGB 175 207 249	#AFCFF9

#9494FF #989FFE #9DAAFD #A1B5FC #A6BEFB #AAC7FA #AFCFF9

#9494FF - #A1B5FC - #AFCFF9

CSS codes

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

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