#902AF9 - #8C00F0 | 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 #902AF9 to #8C00F0

#902AF9 #8C00F0

Calculate the color between two colors, #902AF9 and #8C00F0. 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)

#902AF9 - #8C00F0 | 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 #902AF9 as 0% and #8C00F0 as 100%.

0.0%	0.0% #902AF9	RGB 144 42 249	#902AF9
16.7%	16.7% #8F23F7	RGB 143 35 247	#8F23F7
33.3%	33.3% #8E1CF6	RGB 142 28 246	#8E1CF6
50.0%	50.0% #8E15F4	RGB 142 21 244	#8E15F4
66.7%	66.7% #8D0DF3	RGB 141 13 243	#8D0DF3
83.3%	83.3% #8C07F1	RGB 140 7 241	#8C07F1
100.0%	100.0% #8C00F0	RGB 140 0 240	#8C00F0

#902AF9 #8F23F7 #8E1CF6 #8E15F4 #8D0DF3 #8C07F1 #8C00F0

#902AF9 - #8C00F0

HSV Blend

#902AF9 - #8C00F0 | 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 #902AF9 as 0% and #8C00F0 as 100%.

0.0%	0.0% #902AF9	RGB 144 42 249	#902AF9
16.7%	16.7% #8E22F7	RGB 142 34 247	#8E22F7
33.3%	33.3% #8D1BF6	RGB 141 27 246	#8D1BF6
50.0%	50.0% #8D14F4	RGB 141 20 244	#8D14F4
66.7%	66.7% #8C0DF3	RGB 140 13 243	#8C0DF3
83.3%	83.3% #8C06F1	RGB 140 6 241	#8C06F1
100.0%	100.0% #8C00F0	RGB 140 0 240	#8C00F0

#902AF9 #8E22F7 #8D1BF6 #8D14F4 #8C0DF3 #8C06F1 #8C00F0

#902AF9 - #8D14F4 - #8C00F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #902AF9 0%, #8D14F4 50%, #8C00F0 100%);
    background: -webkit-linear-gradient(top, #902AF9 0%, #8D14F4 50%, #8C00F0 100%);
    background: linear-gradient(to bottom, #902AF9 0%, #8D14F4 50%, #8C00F0 100%);
}
</style>