#8A8BFF - #3C2DDA | 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 #8A8BFF to #3C2DDA

#8A8BFF #3C2DDA

Calculate the color between two colors, #8A8BFF and #3C2DDA. 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)

#8A8BFF - #3C2DDA | 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 #8A8BFF as 0% and #3C2DDA as 100%.

0.0%	0.0% #8A8BFF	RGB 138 139 255	#8A8BFF
16.7%	16.7% #7D7BF8	RGB 125 123 248	#7D7BF8
33.3%	33.3% #706BF2	RGB 112 107 242	#706BF2
50.0%	50.0% #635CEC	RGB 99 92 236	#635CEC
66.7%	66.7% #564CE6	RGB 86 76 230	#564CE6
83.3%	83.3% #493CE0	RGB 73 60 224	#493CE0
100.0%	100.0% #3C2DDA	RGB 60 45 218	#3C2DDA

#8A8BFF #7D7BF8 #706BF2 #635CEC #564CE6 #493CE0 #3C2DDA

#8A8BFF - #3C2DDA

HSV Blend

#8A8BFF - #3C2DDA | 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 #8A8BFF as 0% and #3C2DDA as 100%.

0.0%	0.0% #8A8BFF	RGB 138 139 255	#8A8BFF
16.7%	16.7% #7978F8	RGB 121 120 248	#7978F8
33.3%	33.3% #6B68F2	RGB 107 104 242	#6B68F2
50.0%	50.0% #5E58EC	RGB 94 88 236	#5E58EC
66.7%	66.7% #5149E6	RGB 81 73 230	#5149E6
83.3%	83.3% #463AE0	RGB 70 58 224	#463AE0
100.0%	100.0% #3C2DDA	RGB 60 45 218	#3C2DDA

#8A8BFF #7978F8 #6B68F2 #5E58EC #5149E6 #463AE0 #3C2DDA

#8A8BFF - #5E58EC - #3C2DDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8BFF 0%, #5E58EC 50%, #3C2DDA 100%);
    background: -webkit-linear-gradient(top, #8A8BFF 0%, #5E58EC 50%, #3C2DDA 100%);
    background: linear-gradient(to bottom, #8A8BFF 0%, #5E58EC 50%, #3C2DDA 100%);
}
</style>