#3E2BFF - #28009D | 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 #3E2BFF to #28009D

#3E2BFF #28009D

Calculate the color between two colors, #3E2BFF and #28009D. 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)

#3E2BFF - #28009D | 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 #3E2BFF as 0% and #28009D as 100%.

0.0%	0.0% #3E2BFF	RGB 62 43 255	#3E2BFF
16.7%	16.7% #3A23EE	RGB 58 35 238	#3A23EE
33.3%	33.3% #361CDE	RGB 54 28 222	#361CDE
50.0%	50.0% #3315CE	RGB 51 21 206	#3315CE
66.7%	66.7% #2F0EBD	RGB 47 14 189	#2F0EBD
83.3%	83.3% #2B07AD	RGB 43 7 173	#2B07AD
100.0%	100.0% #28009D	RGB 40 0 157	#28009D

#3E2BFF #3A23EE #361CDE #3315CE #2F0EBD #2B07AD #28009D

#3E2BFF - #28009D

HSV Blend

#3E2BFF - #28009D | 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 #3E2BFF as 0% and #28009D as 100%.

0.0%	0.0% #3E2AFF	RGB 62 42 255	#3E2AFF
16.7%	16.7% #3921EE	RGB 57 33 238	#3921EE
33.3%	33.3% #3518DE	RGB 53 24 222	#3518DE
50.0%	50.0% #3111CE	RGB 49 17 206	#3111CE
66.7%	66.7% #2E0ABD	RGB 46 10 189	#2E0ABD
83.3%	83.3% #2B04AD	RGB 43 4 173	#2B04AD
100.0%	100.0% #28009D	RGB 40 0 157	#28009D

#3E2AFF #3921EE #3518DE #3111CE #2E0ABD #2B04AD #28009D

#3E2BFF - #3111CE - #28009D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2AFF 0%, #3111CE 50%, #28009D 100%);
    background: -webkit-linear-gradient(top, #3E2AFF 0%, #3111CE 50%, #28009D 100%);
    background: linear-gradient(to bottom, #3E2AFF 0%, #3111CE 50%, #28009D 100%);
}
</style>