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

#9595FF #AFCFF9

Calculate the color between two colors, #9595FF 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)

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

0.0%	0.0% #9595FF	RGB 149 149 255	#9595FF
16.7%	16.7% #999EFE	RGB 153 158 254	#999EFE
33.3%	33.3% #9DA8FD	RGB 157 168 253	#9DA8FD
50.0%	50.0% #A2B2FC	RGB 162 178 252	#A2B2FC
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

#9595FF #999EFE #9DA8FD #A2B2FC #A6BBFB #AAC5FA #AFCFF9

#9595FF - #AFCFF9

HSV Blend

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

0.0%	0.0% #9595FF	RGB 149 149 255	#9595FF
16.7%	16.7% #99A0FE	RGB 153 160 254	#99A0FE
33.3%	33.3% #9DABFD	RGB 157 171 253	#9DABFD
50.0%	50.0% #A2B5FC	RGB 162 181 252	#A2B5FC
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

#9595FF #99A0FE #9DABFD #A2B5FC #A6BEFB #AAC7FA #AFCFF9

#9595FF - #A2B5FC - #AFCFF9

CSS codes

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

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