#214E5E - #191917 | 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 #214E5E to #191917

#214E5E #191917

Calculate the color between two colors, #214E5E and #191917. 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)

#214E5E - #191917 | 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 #214E5E as 0% and #191917 as 100%.

0.0%	0.0% #214E5E	RGB 33 78 94	#214E5E
16.7%	16.7% #1F4552	RGB 31 69 82	#1F4552
33.3%	33.3% #1E3C46	RGB 30 60 70	#1E3C46
50.0%	50.0% #1D333A	RGB 29 51 58	#1D333A
66.7%	66.7% #1B2A2E	RGB 27 42 46	#1B2A2E
83.3%	83.3% #1A2122	RGB 26 33 34	#1A2122
100.0%	100.0% #191917	RGB 25 25 23	#191917

#214E5E #1F4552 #1E3C46 #1D333A #1B2A2E #1A2122 #191917

#214E5E - #191917

HSV Blend

#214E5E - #191917 | 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 #214E5E as 0% and #191917 as 100%.

0.0%	0.0% #214E5E	RGB 33 78 94	#214E5E
16.7%	16.7% #24524D	RGB 36 82 77	#24524D
33.3%	33.3% #264736	RGB 38 71 54	#264736
50.0%	50.0% #253B28	RGB 37 59 40	#253B28
66.7%	66.7% #263023	RGB 38 48 35	#263023
83.3%	83.3% #22241E	RGB 34 36 30	#22241E
100.0%	100.0% #191917	RGB 25 25 23	#191917

#214E5E #24524D #264736 #253B28 #263023 #22241E #191917

#214E5E - #253B28 - #191917

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #214E5E 0%, #253B28 50%, #191917 100%);
    background: -webkit-linear-gradient(top, #214E5E 0%, #253B28 50%, #191917 100%);
    background: linear-gradient(to bottom, #214E5E 0%, #253B28 50%, #191917 100%);
}
</style>