#3E3C75 - #705CDF | 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 #3E3C75 to #705CDF

#3E3C75 #705CDF

Calculate the color between two colors, #3E3C75 and #705CDF. 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)

#3E3C75 - #705CDF | 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 #3E3C75 as 0% and #705CDF as 100%.

0.0%	0.0% #3E3C75	RGB 62 60 117	#3E3C75
16.7%	16.7% #464186	RGB 70 65 134	#464186
33.3%	33.3% #4E4698	RGB 78 70 152	#4E4698
50.0%	50.0% #574CAA	RGB 87 76 170	#574CAA
66.7%	66.7% #5F51BB	RGB 95 81 187	#5F51BB
83.3%	83.3% #6756CD	RGB 103 86 205	#6756CD
100.0%	100.0% #705CDF	RGB 112 92 223	#705CDF

#3E3C75 #464186 #4E4698 #574CAA #5F51BB #6756CD #705CDF

#3E3C75 - #705CDF

HSV Blend

#3E3C75 - #705CDF | 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 #3E3C75 as 0% and #705CDF as 100%.

0.0%	0.0% #3E3C75	RGB 62 60 117	#3E3C75
16.7%	16.7% #464286	RGB 70 66 134	#464286
33.3%	33.3% #4E4998	RGB 78 73 152	#4E4998
50.0%	50.0% #574EAA	RGB 87 78 170	#574EAA
66.7%	66.7% #5F53BB	RGB 95 83 187	#5F53BB
83.3%	83.3% #6758CD	RGB 103 88 205	#6758CD
100.0%	100.0% #705CDF	RGB 112 92 223	#705CDF

#3E3C75 #464286 #4E4998 #574EAA #5F53BB #6758CD #705CDF

#3E3C75 - #574EAA - #705CDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C75 0%, #574EAA 50%, #705CDF 100%);
    background: -webkit-linear-gradient(top, #3E3C75 0%, #574EAA 50%, #705CDF 100%);
    background: linear-gradient(to bottom, #3E3C75 0%, #574EAA 50%, #705CDF 100%);
}
</style>