#0375B5 - #002133 | 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 #0375B5 to #002133

#0375B5 #002133

Calculate the color between two colors, #0375B5 and #002133. 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)

#0375B5 - #002133 | 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 #0375B5 as 0% and #002133 as 100%.

0.0%	0.0% #0375B5	RGB 3 117 181	#0375B5
16.7%	16.7% #02679F	RGB 2 103 159	#02679F
33.3%	33.3% #025989	RGB 2 89 137	#025989
50.0%	50.0% #014B74	RGB 1 75 116	#014B74
66.7%	66.7% #013D5E	RGB 1 61 94	#013D5E
83.3%	83.3% #002F48	RGB 0 47 72	#002F48
100.0%	100.0% #002133	RGB 0 33 51	#002133

#0375B5 #02679F #025989 #014B74 #013D5E #002F48 #002133

#0375B5 - #002133

HSV Blend

#0375B5 - #002133 | 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 #0375B5 as 0% and #002133 as 100%.

0.0%	0.0% #0275B5	RGB 2 117 181	#0275B5
16.7%	16.7% #02679F	RGB 2 103 159	#02679F
33.3%	33.3% #015989	RGB 1 89 137	#015989
50.0%	50.0% #004B74	RGB 0 75 116	#004B74
66.7%	66.7% #003D5E	RGB 0 61 94	#003D5E
83.3%	83.3% #002F48	RGB 0 47 72	#002F48
100.0%	100.0% #002133	RGB 0 33 51	#002133

#0275B5 #02679F #015989 #004B74 #003D5E #002F48 #002133

#0375B5 - #004B74 - #002133

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0275B5 0%, #004B74 50%, #002133 100%);
    background: -webkit-linear-gradient(top, #0275B5 0%, #004B74 50%, #002133 100%);
    background: linear-gradient(to bottom, #0275B5 0%, #004B74 50%, #002133 100%);
}
</style>