#3B3A89 - #17085E | 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 #3B3A89 to #17085E

#3B3A89 #17085E

Calculate the color between two colors, #3B3A89 and #17085E. 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)

#3B3A89 - #17085E | 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 #3B3A89 as 0% and #17085E as 100%.

0.0%	0.0% #3B3A89	RGB 59 58 137	#3B3A89
16.7%	16.7% #353181	RGB 53 49 129	#353181
33.3%	33.3% #2F297A	RGB 47 41 122	#2F297A
50.0%	50.0% #292173	RGB 41 33 115	#292173
66.7%	66.7% #23186C	RGB 35 24 108	#23186C
83.3%	83.3% #1D1065	RGB 29 16 101	#1D1065
100.0%	100.0% #17085E	RGB 23 8 94	#17085E

#3B3A89 #353181 #2F297A #292173 #23186C #1D1065 #17085E

#3B3A89 - #17085E

HSV Blend

#3B3A89 - #17085E | 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 #3B3A89 as 0% and #17085E as 100%.

0.0%	0.0% #3B3A89	RGB 59 58 137	#3B3A89
16.7%	16.7% #322F81	RGB 50 47 129	#322F81
33.3%	33.3% #2B267A	RGB 43 38 122	#2B267A
50.0%	50.0% #251D73	RGB 37 29 115	#251D73
66.7%	66.7% #1F156C	RGB 31 21 108	#1F156C
83.3%	83.3% #1B0E65	RGB 27 14 101	#1B0E65
100.0%	100.0% #17085E	RGB 23 8 94	#17085E

#3B3A89 #322F81 #2B267A #251D73 #1F156C #1B0E65 #17085E

#3B3A89 - #251D73 - #17085E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B3A89 0%, #251D73 50%, #17085E 100%);
    background: -webkit-linear-gradient(top, #3B3A89 0%, #251D73 50%, #17085E 100%);
    background: linear-gradient(to bottom, #3B3A89 0%, #251D73 50%, #17085E 100%);
}
</style>