#6A4FD3 - #B5E9D7 | 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 #6A4FD3 to #B5E9D7

#6A4FD3 #B5E9D7

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

#6A4FD3 - #B5E9D7 | 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 #6A4FD3 as 0% and #B5E9D7 as 100%.

0.0%	0.0% #6A4FD3	RGB 106 79 211	#6A4FD3
16.7%	16.7% #7668D3	RGB 118 104 211	#7668D3
33.3%	33.3% #8382D4	RGB 131 130 212	#8382D4
50.0%	50.0% #8F9CD5	RGB 143 156 213	#8F9CD5
66.7%	66.7% #9CB5D5	RGB 156 181 213	#9CB5D5
83.3%	83.3% #A8CFD6	RGB 168 207 214	#A8CFD6
100.0%	100.0% #B5E9D7	RGB 181 233 215	#B5E9D7

#6A4FD3 #7668D3 #8382D4 #8F9CD5 #9CB5D5 #A8CFD6 #B5E9D7

#6A4FD3 - #B5E9D7

HSV Blend

#6A4FD3 - #B5E9D7 | 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 #6A4FD3 as 0% and #B5E9D7 as 100%.

0.0%	0.0% #6A4FD3	RGB 106 79 211	#6A4FD3
16.7%	16.7% #5E65D6	RGB 94 101 214	#5E65D6
33.3%	33.3% #6F90DA	RGB 111 144 218	#6F90DA
50.0%	50.0% #7FB5DE	RGB 127 181 222	#7FB5DE
66.7%	66.7% #91D3E1	RGB 145 211 225	#91D3E1
83.3%	83.3% #A2E5DF	RGB 162 229 223	#A2E5DF
100.0%	100.0% #B5E9D7	RGB 181 233 215	#B5E9D7

#6A4FD3 #5E65D6 #6F90DA #7FB5DE #91D3E1 #A2E5DF #B5E9D7

#6A4FD3 - #7FB5DE - #B5E9D7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A4FD3 0%, #7FB5DE 50%, #B5E9D7 100%);
    background: -webkit-linear-gradient(top, #6A4FD3 0%, #7FB5DE 50%, #B5E9D7 100%);
    background: linear-gradient(to bottom, #6A4FD3 0%, #7FB5DE 50%, #B5E9D7 100%);
}
</style>