#003ACF - #021A8C | 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 #003ACF to #021A8C

#003ACF #021A8C

Calculate the color between two colors, #003ACF and #021A8C. 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)

#003ACF - #021A8C | 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 #003ACF as 0% and #021A8C as 100%.

0.0%	0.0% #003ACF	RGB 0 58 207	#003ACF
16.7%	16.7% #0034C3	RGB 0 52 195	#0034C3
33.3%	33.3% #002FB8	RGB 0 47 184	#002FB8
50.0%	50.0% #012AAD	RGB 1 42 173	#012AAD
66.7%	66.7% #0124A2	RGB 1 36 162	#0124A2
83.3%	83.3% #011F97	RGB 1 31 151	#011F97
100.0%	100.0% #021A8C	RGB 2 26 140	#021A8C

#003ACF #0034C3 #002FB8 #012AAD #0124A2 #011F97 #021A8C

#003ACF - #021A8C

HSV Blend

#003ACF - #021A8C | 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 #003ACF as 0% and #021A8C as 100%.

0.0%	0.0% #0039CF	RGB 0 57 207	#0039CF
16.7%	16.7% #0033C3	RGB 0 51 195	#0033C3
33.3%	33.3% #002DB8	RGB 0 45 184	#002DB8
50.0%	50.0% #0128AD	RGB 1 40 173	#0128AD
66.7%	66.7% #0123A2	RGB 1 35 162	#0123A2
83.3%	83.3% #011E97	RGB 1 30 151	#011E97
100.0%	100.0% #021A8C	RGB 2 26 140	#021A8C

#0039CF #0033C3 #002DB8 #0128AD #0123A2 #011E97 #021A8C

#003ACF - #0128AD - #021A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0039CF 0%, #0128AD 50%, #021A8C 100%);
    background: -webkit-linear-gradient(top, #0039CF 0%, #0128AD 50%, #021A8C 100%);
    background: linear-gradient(to bottom, #0039CF 0%, #0128AD 50%, #021A8C 100%);
}
</style>