#8C8CFF - #3240C7 | 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 #8C8CFF to #3240C7

#8C8CFF #3240C7

Calculate the color between two colors, #8C8CFF and #3240C7. 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)

#8C8CFF - #3240C7 | 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 #8C8CFF as 0% and #3240C7 as 100%.

0.0%	0.0% #8C8CFF	RGB 140 140 255	#8C8CFF
16.7%	16.7% #7D7FF5	RGB 125 127 245	#7D7FF5
33.3%	33.3% #6E72EC	RGB 110 114 236	#6E72EC
50.0%	50.0% #5F66E3	RGB 95 102 227	#5F66E3
66.7%	66.7% #5059D9	RGB 80 89 217	#5059D9
83.3%	83.3% #414CD0	RGB 65 76 208	#414CD0
100.0%	100.0% #3240C7	RGB 50 64 199	#3240C7

#8C8CFF #7D7FF5 #6E72EC #5F66E3 #5059D9 #414CD0 #3240C7

#8C8CFF - #3240C7

HSV Blend

#8C8CFF - #3240C7 | 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 #8C8CFF as 0% and #3240C7 as 100%.

0.0%	0.0% #8C8CFF	RGB 140 140 255	#8C8CFF
16.7%	16.7% #7A7CF5	RGB 122 124 245	#7A7CF5
33.3%	33.3% #6A6EEC	RGB 106 110 236	#6A6EEC
50.0%	50.0% #5A61E3	RGB 90 97 227	#5A61E3
66.7%	66.7% #4C55D9	RGB 76 85 217	#4C55D9
83.3%	83.3% #3E4AD0	RGB 62 74 208	#3E4AD0
100.0%	100.0% #3240C7	RGB 50 64 199	#3240C7

#8C8CFF #7A7CF5 #6A6EEC #5A61E3 #4C55D9 #3E4AD0 #3240C7

#8C8CFF - #5A61E3 - #3240C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8CFF 0%, #5A61E3 50%, #3240C7 100%);
    background: -webkit-linear-gradient(top, #8C8CFF 0%, #5A61E3 50%, #3240C7 100%);
    background: linear-gradient(to bottom, #8C8CFF 0%, #5A61E3 50%, #3240C7 100%);
}
</style>