#101339 - #314770 | 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 #101339 to #314770

#101339 #314770

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

#101339 - #314770 | 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 #101339 as 0% and #314770 as 100%.

0.0%	0.0% #101339	RGB 16 19 57	#101339
16.7%	16.7% #151B42	RGB 21 27 66	#151B42
33.3%	33.3% #1B244B	RGB 27 36 75	#1B244B
50.0%	50.0% #202D54	RGB 32 45 84	#202D54
66.7%	66.7% #26355D	RGB 38 53 93	#26355D
83.3%	83.3% #2B3E66	RGB 43 62 102	#2B3E66
100.0%	100.0% #314770	RGB 49 71 112	#314770

#101339 #151B42 #1B244B #202D54 #26355D #2B3E66 #314770

#101339 - #314770

HSV Blend

#101339 - #314770 | 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 #101339 as 0% and #314770 as 100%.

0.0%	0.0% #101339	RGB 16 19 57	#101339
16.7%	16.7% #141942	RGB 20 25 66	#141942
33.3%	33.3% #19214B	RGB 25 33 75	#19214B
50.0%	50.0% #1E2954	RGB 30 41 84	#1E2954
66.7%	66.7% #24325D	RGB 36 50 93	#24325D
83.3%	83.3% #2A3C66	RGB 42 60 102	#2A3C66
100.0%	100.0% #314770	RGB 49 71 112	#314770

#101339 #141942 #19214B #1E2954 #24325D #2A3C66 #314770

#101339 - #1E2954 - #314770

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #101339 0%, #1E2954 50%, #314770 100%);
    background: -webkit-linear-gradient(top, #101339 0%, #1E2954 50%, #314770 100%);
    background: linear-gradient(to bottom, #101339 0%, #1E2954 50%, #314770 100%);
}
</style>