#0075AF - #002132 | 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 #0075AF to #002132

#0075AF #002132

Calculate the color between two colors, #0075AF and #002132. 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)

#0075AF - #002132 | 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 #0075AF as 0% and #002132 as 100%.

0.0%	0.0% #0075AF	RGB 0 117 175	#0075AF
16.7%	16.7% #00679A	RGB 0 103 154	#00679A
33.3%	33.3% #005985	RGB 0 89 133	#005985
50.0%	50.0% #004B70	RGB 0 75 112	#004B70
66.7%	66.7% #003D5B	RGB 0 61 91	#003D5B
83.3%	83.3% #002F46	RGB 0 47 70	#002F46
100.0%	100.0% #002132	RGB 0 33 50	#002132

#0075AF #00679A #005985 #004B70 #003D5B #002F46 #002132

#0075AF - #002132

HSV Blend

#0075AF - #002132 | 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 #0075AF as 0% and #002132 as 100%.

0.0%	0.0% #0075AF	RGB 0 117 175	#0075AF
16.7%	16.7% #00669A	RGB 0 102 154	#00669A
33.3%	33.3% #005885	RGB 0 88 133	#005885
50.0%	50.0% #004A70	RGB 0 74 112	#004A70
66.7%	66.7% #003C5B	RGB 0 60 91	#003C5B
83.3%	83.3% #002E46	RGB 0 46 70	#002E46
100.0%	100.0% #002132	RGB 0 33 50	#002132

#0075AF #00669A #005885 #004A70 #003C5B #002E46 #002132

#0075AF - #004A70 - #002132

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0075AF 0%, #004A70 50%, #002132 100%);
    background: -webkit-linear-gradient(top, #0075AF 0%, #004A70 50%, #002132 100%);
    background: linear-gradient(to bottom, #0075AF 0%, #004A70 50%, #002132 100%);
}
</style>