#333C5E - #775BC6 | 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 #333C5E to #775BC6

#333C5E #775BC6

Calculate the color between two colors, #333C5E and #775BC6. 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)

#333C5E - #775BC6 | 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 #333C5E as 0% and #775BC6 as 100%.

0.0%	0.0% #333C5E	RGB 51 60 94	#333C5E
16.7%	16.7% #3E416F	RGB 62 65 111	#3E416F
33.3%	33.3% #494680	RGB 73 70 128	#494680
50.0%	50.0% #554B92	RGB 85 75 146	#554B92
66.7%	66.7% #6050A3	RGB 96 80 163	#6050A3
83.3%	83.3% #6B55B4	RGB 107 85 180	#6B55B4
100.0%	100.0% #775BC6	RGB 119 91 198	#775BC6

#333C5E #3E416F #494680 #554B92 #6050A3 #6B55B4 #775BC6

#333C5E - #775BC6

HSV Blend

#333C5E - #775BC6 | 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 #333C5E as 0% and #775BC6 as 100%.

0.0%	0.0% #333C5E	RGB 51 60 94	#333C5E
16.7%	16.7% #3A416F	RGB 58 65 111	#3A416F
33.3%	33.3% #424580	RGB 66 69 128	#424580
50.0%	50.0% #4B4992	RGB 75 73 146	#4B4992
66.7%	66.7% #584FA3	RGB 88 79 163	#584FA3
83.3%	83.3% #6655B4	RGB 102 85 180	#6655B4
100.0%	100.0% #775BC6	RGB 119 91 198	#775BC6

#333C5E #3A416F #424580 #4B4992 #584FA3 #6655B4 #775BC6

#333C5E - #4B4992 - #775BC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #333C5E 0%, #4B4992 50%, #775BC6 100%);
    background: -webkit-linear-gradient(top, #333C5E 0%, #4B4992 50%, #775BC6 100%);
    background: linear-gradient(to bottom, #333C5E 0%, #4B4992 50%, #775BC6 100%);
}
</style>