#7A7AFF - #1E1FC6 | 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 #7A7AFF to #1E1FC6

#7A7AFF #1E1FC6

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

#7A7AFF - #1E1FC6 | 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 #7A7AFF as 0% and #1E1FC6 as 100%.

0.0%	0.0% #7A7AFF	RGB 122 122 255	#7A7AFF
16.7%	16.7% #6A6AF5	RGB 106 106 245	#6A6AF5
33.3%	33.3% #5B5BEC	RGB 91 91 236	#5B5BEC
50.0%	50.0% #4C4CE2	RGB 76 76 226	#4C4CE2
66.7%	66.7% #3C3DD9	RGB 60 61 217	#3C3DD9
83.3%	83.3% #2D2ECF	RGB 45 46 207	#2D2ECF
100.0%	100.0% #1E1FC6	RGB 30 31 198	#1E1FC6

#7A7AFF #6A6AF5 #5B5BEC #4C4CE2 #3C3DD9 #2D2ECF #1E1FC6

#7A7AFF - #1E1FC6

HSV Blend

#7A7AFF - #1E1FC6 | 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 #7A7AFF as 0% and #1E1FC6 as 100%.

0.0%	0.0% #7A7AFF	RGB 122 122 255	#7A7AFF
16.7%	16.7% #6868F5	RGB 104 104 245	#6868F5
33.3%	33.3% #5757EC	RGB 87 87 236	#5757EC
50.0%	50.0% #4747E2	RGB 71 71 226	#4747E2
66.7%	66.7% #3839D9	RGB 56 57 217	#3839D9
83.3%	83.3% #2A2BCF	RGB 42 43 207	#2A2BCF
100.0%	100.0% #1E1FC6	RGB 30 31 198	#1E1FC6

#7A7AFF #6868F5 #5757EC #4747E2 #3839D9 #2A2BCF #1E1FC6

#7A7AFF - #4747E2 - #1E1FC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A7AFF 0%, #4747E2 50%, #1E1FC6 100%);
    background: -webkit-linear-gradient(top, #7A7AFF 0%, #4747E2 50%, #1E1FC6 100%);
    background: linear-gradient(to bottom, #7A7AFF 0%, #4747E2 50%, #1E1FC6 100%);
}
</style>