#213B5E - #374BBA | 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 #213B5E to #374BBA

#213B5E #374BBA

Calculate the color between two colors, #213B5E and #374BBA. 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)

#213B5E - #374BBA | 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 #213B5E as 0% and #374BBA as 100%.

0.0%	0.0% #213B5E	RGB 33 59 94	#213B5E
16.7%	16.7% #243D6D	RGB 36 61 109	#243D6D
33.3%	33.3% #28407C	RGB 40 64 124	#28407C
50.0%	50.0% #2C438C	RGB 44 67 140	#2C438C
66.7%	66.7% #2F459B	RGB 47 69 155	#2F459B
83.3%	83.3% #3348AA	RGB 51 72 170	#3348AA
100.0%	100.0% #374BBA	RGB 55 75 186	#374BBA

#213B5E #243D6D #28407C #2C438C #2F459B #3348AA #374BBA

#213B5E - #374BBA

HSV Blend

#213B5E - #374BBA | 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 #213B5E as 0% and #374BBA as 100%.

0.0%	0.0% #213B5E	RGB 33 59 94	#213B5E
16.7%	16.7% #25406D	RGB 37 64 109	#25406D
33.3%	33.3% #29457C	RGB 41 69 124	#29457C
50.0%	50.0% #2D488C	RGB 45 72 140	#2D488C
66.7%	66.7% #304A9B	RGB 48 74 155	#304A9B
83.3%	83.3% #344BAA	RGB 52 75 170	#344BAA
100.0%	100.0% #374BBA	RGB 55 75 186	#374BBA

#213B5E #25406D #29457C #2D488C #304A9B #344BAA #374BBA

#213B5E - #2D488C - #374BBA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #213B5E 0%, #2D488C 50%, #374BBA 100%);
    background: -webkit-linear-gradient(top, #213B5E 0%, #2D488C 50%, #374BBA 100%);
    background: linear-gradient(to bottom, #213B5E 0%, #2D488C 50%, #374BBA 100%);
}
</style>