#1A00A8 - #6753F5 | 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 #1A00A8 to #6753F5

#1A00A8 #6753F5

Calculate the color between two colors, #1A00A8 and #6753F5. 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)

#1A00A8 - #6753F5 | 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 #1A00A8 as 0% and #6753F5 as 100%.

0.0%	0.0% #1A00A8	RGB 26 0 168	#1A00A8
16.7%	16.7% #260DB4	RGB 38 13 180	#260DB4
33.3%	33.3% #331BC1	RGB 51 27 193	#331BC1
50.0%	50.0% #4029CE	RGB 64 41 206	#4029CE
66.7%	66.7% #4D37DB	RGB 77 55 219	#4D37DB
83.3%	83.3% #5A45E8	RGB 90 69 232	#5A45E8
100.0%	100.0% #6753F5	RGB 103 83 245	#6753F5

#1A00A8 #260DB4 #331BC1 #4029CE #4D37DB #5A45E8 #6753F5

#1A00A8 - #6753F5

HSV Blend

#1A00A8 - #6753F5 | 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 #1A00A8 as 0% and #6753F5 as 100%.

0.0%	0.0% #1900A8	RGB 25 0 168	#1900A8
16.7%	16.7% #230AB4	RGB 35 10 180	#230AB4
33.3%	33.3% #2E15C1	RGB 46 21 193	#2E15C1
50.0%	50.0% #3A22CE	RGB 58 34 206	#3A22CE
66.7%	66.7% #4831DB	RGB 72 49 219	#4831DB
83.3%	83.3% #5641E8	RGB 86 65 232	#5641E8
100.0%	100.0% #6753F5	RGB 103 83 245	#6753F5

#1900A8 #230AB4 #2E15C1 #3A22CE #4831DB #5641E8 #6753F5

#1A00A8 - #3A22CE - #6753F5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1900A8 0%, #3A22CE 50%, #6753F5 100%);
    background: -webkit-linear-gradient(top, #1900A8 0%, #3A22CE 50%, #6753F5 100%);
    background: linear-gradient(to bottom, #1900A8 0%, #3A22CE 50%, #6753F5 100%);
}
</style>