#946CFF - #4400C3 | 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 #946CFF to #4400C3

#946CFF #4400C3

Calculate the color between two colors, #946CFF and #4400C3. 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)

#946CFF - #4400C3 | 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 #946CFF as 0% and #4400C3 as 100%.

0.0%	0.0% #946CFF	RGB 148 108 255	#946CFF
16.7%	16.7% #865AF5	RGB 134 90 245	#865AF5
33.3%	33.3% #7948EB	RGB 121 72 235	#7948EB
50.0%	50.0% #6C36E1	RGB 108 54 225	#6C36E1
66.7%	66.7% #5E24D7	RGB 94 36 215	#5E24D7
83.3%	83.3% #5112CD	RGB 81 18 205	#5112CD
100.0%	100.0% #4400C3	RGB 68 0 195	#4400C3

#946CFF #865AF5 #7948EB #6C36E1 #5E24D7 #5112CD #4400C3

#946CFF - #4400C3

HSV Blend

#946CFF - #4400C3 | 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 #946CFF as 0% and #4400C3 as 100%.

0.0%	0.0% #946CFF	RGB 148 108 255	#946CFF
16.7%	16.7% #8356F5	RGB 131 86 245	#8356F5
33.3%	33.3% #7442EB	RGB 116 66 235	#7442EB
50.0%	50.0% #662FE1	RGB 102 47 225	#662FE1
66.7%	66.7% #5A1ED7	RGB 90 30 215	#5A1ED7
83.3%	83.3% #4E0ECD	RGB 78 14 205	#4E0ECD
100.0%	100.0% #4400C3	RGB 68 0 195	#4400C3

#946CFF #8356F5 #7442EB #662FE1 #5A1ED7 #4E0ECD #4400C3

#946CFF - #662FE1 - #4400C3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #946CFF 0%, #662FE1 50%, #4400C3 100%);
    background: -webkit-linear-gradient(top, #946CFF 0%, #662FE1 50%, #4400C3 100%);
    background: linear-gradient(to bottom, #946CFF 0%, #662FE1 50%, #4400C3 100%);
}
</style>