#121327 - #324358 | 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 #121327 to #324358

#121327 #324358

Calculate the color between two colors, #121327 and #324358. 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)

#121327 - #324358 | 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 #121327 as 0% and #324358 as 100%.

0.0%	0.0% #121327	RGB 18 19 39	#121327
16.7%	16.7% #171B2F	RGB 23 27 47	#171B2F
33.3%	33.3% #1C2337	RGB 28 35 55	#1C2337
50.0%	50.0% #222B3F	RGB 34 43 63	#222B3F
66.7%	66.7% #273347	RGB 39 51 71	#273347
83.3%	83.3% #2C3B4F	RGB 44 59 79	#2C3B4F
100.0%	100.0% #324358	RGB 50 67 88	#324358

#121327 #171B2F #1C2337 #222B3F #273347 #2C3B4F #324358

#121327 - #324358

HSV Blend

#121327 - #324358 | 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 #121327 as 0% and #324358 as 100%.

0.0%	0.0% #121327	RGB 18 19 39	#121327
16.7%	16.7% #16192F	RGB 22 25 47	#16192F
33.3%	33.3% #1B2037	RGB 27 32 55	#1B2037
50.0%	50.0% #20283F	RGB 32 40 63	#20283F
66.7%	66.7% #263047	RGB 38 48 71	#263047
83.3%	83.3% #2B394F	RGB 43 57 79	#2B394F
100.0%	100.0% #324358	RGB 50 67 88	#324358

#121327 #16192F #1B2037 #20283F #263047 #2B394F #324358

#121327 - #20283F - #324358

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #121327 0%, #20283F 50%, #324358 100%);
    background: -webkit-linear-gradient(top, #121327 0%, #20283F 50%, #324358 100%);
    background: linear-gradient(to bottom, #121327 0%, #20283F 50%, #324358 100%);
}
</style>