#6D6FC3 - #332B7E | 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 #6D6FC3 to #332B7E

#6D6FC3 #332B7E

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

#6D6FC3 - #332B7E | 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 #6D6FC3 as 0% and #332B7E as 100%.

0.0%	0.0% #6D6FC3	RGB 109 111 195	#6D6FC3
16.7%	16.7% #6363B7	RGB 99 99 183	#6363B7
33.3%	33.3% #5958AC	RGB 89 88 172	#5958AC
50.0%	50.0% #504DA0	RGB 80 77 160	#504DA0
66.7%	66.7% #464195	RGB 70 65 149	#464195
83.3%	83.3% #3C3689	RGB 60 54 137	#3C3689
100.0%	100.0% #332B7E	RGB 51 43 126	#332B7E

#6D6FC3 #6363B7 #5958AC #504DA0 #464195 #3C3689 #332B7E

#6D6FC3 - #332B7E

HSV Blend

#6D6FC3 - #332B7E | 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 #6D6FC3 as 0% and #332B7E as 100%.

0.0%	0.0% #6D6FC3	RGB 109 111 195	#6D6FC3
16.7%	16.7% #5F60B7	RGB 95 96 183	#5F60B7
33.3%	33.3% #5553AC	RGB 85 83 172	#5553AC
50.0%	50.0% #4B48A0	RGB 75 72 160	#4B48A0
66.7%	66.7% #423D95	RGB 66 61 149	#423D95
83.3%	83.3% #3A3389	RGB 58 51 137	#3A3389
100.0%	100.0% #332B7E	RGB 51 43 126	#332B7E

#6D6FC3 #5F60B7 #5553AC #4B48A0 #423D95 #3A3389 #332B7E

#6D6FC3 - #4B48A0 - #332B7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D6FC3 0%, #4B48A0 50%, #332B7E 100%);
    background: -webkit-linear-gradient(top, #6D6FC3 0%, #4B48A0 50%, #332B7E 100%);
    background: linear-gradient(to bottom, #6D6FC3 0%, #4B48A0 50%, #332B7E 100%);
}
</style>