#503DEC - #1C0FAE | 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 #503DEC to #1C0FAE

#503DEC #1C0FAE

Calculate the color between two colors, #503DEC and #1C0FAE. 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)

#503DEC - #1C0FAE | 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 #503DEC as 0% and #1C0FAE as 100%.

0.0%	0.0% #503DEC	RGB 80 61 236	#503DEC
16.7%	16.7% #4735E1	RGB 71 53 225	#4735E1
33.3%	33.3% #3E2DD7	RGB 62 45 215	#3E2DD7
50.0%	50.0% #3626CD	RGB 54 38 205	#3626CD
66.7%	66.7% #2D1EC2	RGB 45 30 194	#2D1EC2
83.3%	83.3% #2416B8	RGB 36 22 184	#2416B8
100.0%	100.0% #1C0FAE	RGB 28 15 174	#1C0FAE

#503DEC #4735E1 #3E2DD7 #3626CD #2D1EC2 #2416B8 #1C0FAE

#503DEC - #1C0FAE

HSV Blend

#503DEC - #1C0FAE | 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 #503DEC as 0% and #1C0FAE as 100%.

0.0%	0.0% #4F3DEC	RGB 79 61 236	#4F3DEC
16.7%	16.7% #4533E1	RGB 69 51 225	#4533E1
33.3%	33.3% #3C2BD7	RGB 60 43 215	#3C2BD7
50.0%	50.0% #3323CD	RGB 51 35 205	#3323CD
66.7%	66.7% #2B1BC2	RGB 43 27 194	#2B1BC2
83.3%	83.3% #2315B8	RGB 35 21 184	#2315B8
100.0%	100.0% #1C0FAE	RGB 28 15 174	#1C0FAE

#4F3DEC #4533E1 #3C2BD7 #3323CD #2B1BC2 #2315B8 #1C0FAE

#503DEC - #3323CD - #1C0FAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F3DEC 0%, #3323CD 50%, #1C0FAE 100%);
    background: -webkit-linear-gradient(top, #4F3DEC 0%, #3323CD 50%, #1C0FAE 100%);
    background: linear-gradient(to bottom, #4F3DEC 0%, #3323CD 50%, #1C0FAE 100%);
}
</style>