#6B53FF - #160DAB | 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 #6B53FF to #160DAB

#6B53FF #160DAB

Calculate the color between two colors, #6B53FF and #160DAB. 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)

#6B53FF - #160DAB | 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 #6B53FF as 0% and #160DAB as 100%.

0.0%	0.0% #6B53FF	RGB 107 83 255	#6B53FF
16.7%	16.7% #5C47F1	RGB 92 71 241	#5C47F1
33.3%	33.3% #4E3BE3	RGB 78 59 227	#4E3BE3
50.0%	50.0% #4030D5	RGB 64 48 213	#4030D5
66.7%	66.7% #3224C7	RGB 50 36 199	#3224C7
83.3%	83.3% #2418B9	RGB 36 24 185	#2418B9
100.0%	100.0% #160DAB	RGB 22 13 171	#160DAB

#6B53FF #5C47F1 #4E3BE3 #4030D5 #3224C7 #2418B9 #160DAB

#6B53FF - #160DAB

HSV Blend

#6B53FF - #160DAB | 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 #6B53FF as 0% and #160DAB as 100%.

0.0%	0.0% #6B53FF	RGB 107 83 255	#6B53FF
16.7%	16.7% #5A44F1	RGB 90 68 241	#5A44F1
33.3%	33.3% #4A37E3	RGB 74 55 227	#4A37E3
50.0%	50.0% #3B2AD5	RGB 59 42 213	#3B2AD5
66.7%	66.7% #2D1FC7	RGB 45 31 199	#2D1FC7
83.3%	83.3% #2115B9	RGB 33 21 185	#2115B9
100.0%	100.0% #160DAB	RGB 22 13 171	#160DAB

#6B53FF #5A44F1 #4A37E3 #3B2AD5 #2D1FC7 #2115B9 #160DAB

#6B53FF - #3B2AD5 - #160DAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B53FF 0%, #3B2AD5 50%, #160DAB 100%);
    background: -webkit-linear-gradient(top, #6B53FF 0%, #3B2AD5 50%, #160DAB 100%);
    background: linear-gradient(to bottom, #6B53FF 0%, #3B2AD5 50%, #160DAB 100%);
}
</style>