#4343A8 - #131330 | 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 #4343A8 to #131330

#4343A8 #131330

Calculate the color between two colors, #4343A8 and #131330. 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)

#4343A8 - #131330 | 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 #4343A8 as 0% and #131330 as 100%.

0.0%	0.0% #4343A8	RGB 67 67 168	#4343A8
16.7%	16.7% #3B3B94	RGB 59 59 148	#3B3B94
33.3%	33.3% #333380	RGB 51 51 128	#333380
50.0%	50.0% #2B2B6C	RGB 43 43 108	#2B2B6C
66.7%	66.7% #232358	RGB 35 35 88	#232358
83.3%	83.3% #1B1B44	RGB 27 27 68	#1B1B44
100.0%	100.0% #131330	RGB 19 19 48	#131330

#4343A8 #3B3B94 #333380 #2B2B6C #232358 #1B1B44 #131330

#4343A8 - #131330

HSV Blend

#4343A8 - #131330 | 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 #4343A8 as 0% and #131330 as 100%.

0.0%	0.0% #4343A8	RGB 67 67 168	#4343A8
16.7%	16.7% #3A3A94	RGB 58 58 148	#3A3A94
33.3%	33.3% #323280	RGB 50 50 128	#323280
50.0%	50.0% #2A2A6C	RGB 42 42 108	#2A2A6C
66.7%	66.7% #222258	RGB 34 34 88	#222258
83.3%	83.3% #1A1A44	RGB 26 26 68	#1A1A44
100.0%	100.0% #131330	RGB 19 19 48	#131330

#4343A8 #3A3A94 #323280 #2A2A6C #222258 #1A1A44 #131330

#4343A8 - #2A2A6C - #131330

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4343A8 0%, #2A2A6C 50%, #131330 100%);
    background: -webkit-linear-gradient(top, #4343A8 0%, #2A2A6C 50%, #131330 100%);
    background: linear-gradient(to bottom, #4343A8 0%, #2A2A6C 50%, #131330 100%);
}
</style>