#3F0080 - #8FA7DF | 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 #3F0080 to #8FA7DF

#3F0080 #8FA7DF

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

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

0.0%	0.0% #3F0080	RGB 63 0 128	#3F0080
16.7%	16.7% #4C1B8F	RGB 76 27 143	#4C1B8F
33.3%	33.3% #59379F	RGB 89 55 159	#59379F
50.0%	50.0% #6753AF	RGB 103 83 175	#6753AF
66.7%	66.7% #746FBF	RGB 116 111 191	#746FBF
83.3%	83.3% #818BCF	RGB 129 139 207	#818BCF
100.0%	100.0% #8FA7DF	RGB 143 167 223	#8FA7DF

#3F0080 #4C1B8F #59379F #6753AF #746FBF #818BCF #8FA7DF

#3F0080 - #8FA7DF

HSV Blend

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

0.0%	0.0% #3F0080	RGB 63 0 128	#3F0080
16.7%	16.7% #3D0F8F	RGB 61 15 143	#3D0F8F
33.3%	33.3% #3E229F	RGB 62 34 159	#3E229F
50.0%	50.0% #4338AF	RGB 67 56 175	#4338AF
66.7%	66.7% #5155BF	RGB 81 85 191	#5155BF
83.3%	83.3% #6E7ECF	RGB 110 126 207	#6E7ECF
100.0%	100.0% #8FA7DF	RGB 143 167 223	#8FA7DF

#3F0080 #3D0F8F #3E229F #4338AF #5155BF #6E7ECF #8FA7DF

#3F0080 - #4338AF - #8FA7DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F0080 0%, #4338AF 50%, #8FA7DF 100%);
    background: -webkit-linear-gradient(top, #3F0080 0%, #4338AF 50%, #8FA7DF 100%);
    background: linear-gradient(to bottom, #3F0080 0%, #4338AF 50%, #8FA7DF 100%);
}
</style>