#0034A8 - #328EEF | 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 #0034A8 to #328EEF

#0034A8 #328EEF

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

#0034A8 - #328EEF | 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 #0034A8 as 0% and #328EEF as 100%.

0.0%	0.0% #0034A8	RGB 0 52 168	#0034A8
16.7%	16.7% #0843B3	RGB 8 67 179	#0843B3
33.3%	33.3% #1052BF	RGB 16 82 191	#1052BF
50.0%	50.0% #1961CB	RGB 25 97 203	#1961CB
66.7%	66.7% #2170D7	RGB 33 112 215	#2170D7
83.3%	83.3% #297FE3	RGB 41 127 227	#297FE3
100.0%	100.0% #328EEF	RGB 50 142 239	#328EEF

#0034A8 #0843B3 #1052BF #1961CB #2170D7 #297FE3 #328EEF

#0034A8 - #328EEF

HSV Blend

#0034A8 - #328EEF | 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 #0034A8 as 0% and #328EEF as 100%.

0.0%	0.0% #0034A8	RGB 0 52 168	#0034A8
16.7%	16.7% #0641B3	RGB 6 65 179	#0641B3
33.3%	33.3% #0D4FBF	RGB 13 79 191	#0D4FBF
50.0%	50.0% #155DCB	RGB 21 93 203	#155DCB
66.7%	66.7% #1E6DD7	RGB 30 109 215	#1E6DD7
83.3%	83.3% #277DE3	RGB 39 125 227	#277DE3
100.0%	100.0% #328EEF	RGB 50 142 239	#328EEF

#0034A8 #0641B3 #0D4FBF #155DCB #1E6DD7 #277DE3 #328EEF

#0034A8 - #155DCB - #328EEF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0034A8 0%, #155DCB 50%, #328EEF 100%);
    background: -webkit-linear-gradient(top, #0034A8 0%, #155DCB 50%, #328EEF 100%);
    background: linear-gradient(to bottom, #0034A8 0%, #155DCB 50%, #328EEF 100%);
}
</style>