#101C39 - #384181 | 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 #101C39 to #384181

#101C39 #384181

Calculate the color between two colors, #101C39 and #384181. 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)

#101C39 - #384181 | 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 #101C39 as 0% and #384181 as 100%.

0.0%	0.0% #101C39	RGB 16 28 57	#101C39
16.7%	16.7% #162245	RGB 22 34 69	#162245
33.3%	33.3% #1D2851	RGB 29 40 81	#1D2851
50.0%	50.0% #242E5D	RGB 36 46 93	#242E5D
66.7%	66.7% #2A3469	RGB 42 52 105	#2A3469
83.3%	83.3% #313A75	RGB 49 58 117	#313A75
100.0%	100.0% #384181	RGB 56 65 129	#384181

#101C39 #162245 #1D2851 #242E5D #2A3469 #313A75 #384181

#101C39 - #384181

HSV Blend

#101C39 - #384181 | 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 #101C39 as 0% and #384181 as 100%.

0.0%	0.0% #101C39	RGB 16 28 57	#101C39
16.7%	16.7% #152145	RGB 21 33 69	#152145
33.3%	33.3% #1A2751	RGB 26 39 81	#1A2751
50.0%	50.0% #212D5D	RGB 33 45 93	#212D5D
66.7%	66.7% #283369	RGB 40 51 105	#283369
83.3%	83.3% #2F3A75	RGB 47 58 117	#2F3A75
100.0%	100.0% #384181	RGB 56 65 129	#384181

#101C39 #152145 #1A2751 #212D5D #283369 #2F3A75 #384181

#101C39 - #212D5D - #384181

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #101C39 0%, #212D5D 50%, #384181 100%);
    background: -webkit-linear-gradient(top, #101C39 0%, #212D5D 50%, #384181 100%);
    background: linear-gradient(to bottom, #101C39 0%, #212D5D 50%, #384181 100%);
}
</style>