#233A5E - #445AB9 | 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 #233A5E to #445AB9

#233A5E #445AB9

Calculate the color between two colors, #233A5E and #445AB9. 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)

#233A5E - #445AB9 | 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 #233A5E as 0% and #445AB9 as 100%.

0.0%	0.0% #233A5E	RGB 35 58 94	#233A5E
16.7%	16.7% #283F6D	RGB 40 63 109	#283F6D
33.3%	33.3% #2E447C	RGB 46 68 124	#2E447C
50.0%	50.0% #334A8B	RGB 51 74 139	#334A8B
66.7%	66.7% #394F9A	RGB 57 79 154	#394F9A
83.3%	83.3% #3E54A9	RGB 62 84 169	#3E54A9
100.0%	100.0% #445AB9	RGB 68 90 185	#445AB9

#233A5E #283F6D #2E447C #334A8B #394F9A #3E54A9 #445AB9

#233A5E - #445AB9

HSV Blend

#233A5E - #445AB9 | 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 #233A5E as 0% and #445AB9 as 100%.

0.0%	0.0% #233A5E	RGB 35 58 94	#233A5E
16.7%	16.7% #28406D	RGB 40 64 109	#28406D
33.3%	33.3% #2E477C	RGB 46 71 124	#2E477C
50.0%	50.0% #334D8B	RGB 51 77 139	#334D8B
66.7%	66.7% #39529A	RGB 57 82 154	#39529A
83.3%	83.3% #3E56A9	RGB 62 86 169	#3E56A9
100.0%	100.0% #445AB9	RGB 68 90 185	#445AB9

#233A5E #28406D #2E477C #334D8B #39529A #3E56A9 #445AB9

#233A5E - #334D8B - #445AB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #233A5E 0%, #334D8B 50%, #445AB9 100%);
    background: -webkit-linear-gradient(top, #233A5E 0%, #334D8B 50%, #445AB9 100%);
    background: linear-gradient(to bottom, #233A5E 0%, #334D8B 50%, #445AB9 100%);
}
</style>