#0069EB - #132B8D | 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 #0069EB to #132B8D

#0069EB #132B8D

Calculate the color between two colors, #0069EB and #132B8D. 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)

#0069EB - #132B8D | 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 #0069EB as 0% and #132B8D as 100%.

0.0%	0.0% #0069EB	RGB 0 105 235	#0069EB
16.7%	16.7% #035EDB	RGB 3 94 219	#035EDB
33.3%	33.3% #0654CB	RGB 6 84 203	#0654CB
50.0%	50.0% #094ABC	RGB 9 74 188	#094ABC
66.7%	66.7% #0C3FAC	RGB 12 63 172	#0C3FAC
83.3%	83.3% #0F359C	RGB 15 53 156	#0F359C
100.0%	100.0% #132B8D	RGB 19 43 141	#132B8D

#0069EB #035EDB #0654CB #094ABC #0C3FAC #0F359C #132B8D

#0069EB - #132B8D

HSV Blend

#0069EB - #132B8D | 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 #0069EB as 0% and #132B8D as 100%.

0.0%	0.0% #0069EB	RGB 0 105 235	#0069EB
16.7%	16.7% #045BDB	RGB 4 91 219	#045BDB
33.3%	33.3% #094FCB	RGB 9 79 203	#094FCB
50.0%	50.0% #0C45BC	RGB 12 69 188	#0C45BC
66.7%	66.7% #0F3BAC	RGB 15 59 172	#0F3BAC
83.3%	83.3% #11329C	RGB 17 50 156	#11329C
100.0%	100.0% #132B8D	RGB 19 43 141	#132B8D

#0069EB #045BDB #094FCB #0C45BC #0F3BAC #11329C #132B8D

#0069EB - #0C45BC - #132B8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0069EB 0%, #0C45BC 50%, #132B8D 100%);
    background: -webkit-linear-gradient(top, #0069EB 0%, #0C45BC 50%, #132B8D 100%);
    background: linear-gradient(to bottom, #0069EB 0%, #0C45BC 50%, #132B8D 100%);
}
</style>