#374772 - #121D21 | 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 #374772 to #121D21

#374772 #121D21

Calculate the color between two colors, #374772 and #121D21. 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)

#374772 - #121D21 | 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 #374772 as 0% and #121D21 as 100%.

0.0%	0.0% #374772	RGB 55 71 114	#374772
16.7%	16.7% #304064	RGB 48 64 100	#304064
33.3%	33.3% #2A3957	RGB 42 57 87	#2A3957
50.0%	50.0% #243249	RGB 36 50 73	#243249
66.7%	66.7% #1E2B3C	RGB 30 43 60	#1E2B3C
83.3%	83.3% #18242E	RGB 24 36 46	#18242E
100.0%	100.0% #121D21	RGB 18 29 33	#121D21

#374772 #304064 #2A3957 #243249 #1E2B3C #18242E #121D21

#374772 - #121D21

HSV Blend

#374772 - #121D21 | 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 #374772 as 0% and #121D21 as 100%.

0.0%	0.0% #374672	RGB 55 70 114	#374672
16.7%	16.7% #314364	RGB 49 67 100	#314364
33.3%	33.3% #2B3E57	RGB 43 62 87	#2B3E57
50.0%	50.0% #253749	RGB 37 55 73	#253749
66.7%	66.7% #1F2F3C	RGB 31 47 60	#1F2F3C
83.3%	83.3% #18272E	RGB 24 39 46	#18272E
100.0%	100.0% #121D21	RGB 18 29 33	#121D21

#374672 #314364 #2B3E57 #253749 #1F2F3C #18272E #121D21

#374772 - #253749 - #121D21

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #374672 0%, #253749 50%, #121D21 100%);
    background: -webkit-linear-gradient(top, #374672 0%, #253749 50%, #121D21 100%);
    background: linear-gradient(to bottom, #374672 0%, #253749 50%, #121D21 100%);
}
</style>