#101439 - #475B81 | 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 #101439 to #475B81

#101439 #475B81

Calculate the color between two colors, #101439 and #475B81. 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)

#101439 - #475B81 | 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 #101439 as 0% and #475B81 as 100%.

0.0%	0.0% #101439	RGB 16 20 57	#101439
16.7%	16.7% #191F45	RGB 25 31 69	#191F45
33.3%	33.3% #222B51	RGB 34 43 81	#222B51
50.0%	50.0% #2B375D	RGB 43 55 93	#2B375D
66.7%	66.7% #344369	RGB 52 67 105	#344369
83.3%	83.3% #3D4F75	RGB 61 79 117	#3D4F75
100.0%	100.0% #475B81	RGB 71 91 129	#475B81

#101439 #191F45 #222B51 #2B375D #344369 #3D4F75 #475B81

#101439 - #475B81

HSV Blend

#101439 - #475B81 | 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 #101439 as 0% and #475B81 as 100%.

0.0%	0.0% #101439	RGB 16 20 57	#101439
16.7%	16.7% #161C45	RGB 22 28 69	#161C45
33.3%	33.3% #1E2751	RGB 30 39 81	#1E2751
50.0%	50.0% #26325D	RGB 38 50 93	#26325D
66.7%	66.7% #303F69	RGB 48 63 105	#303F69
83.3%	83.3% #3B4C75	RGB 59 76 117	#3B4C75
100.0%	100.0% #475B81	RGB 71 91 129	#475B81

#101439 #161C45 #1E2751 #26325D #303F69 #3B4C75 #475B81

#101439 - #26325D - #475B81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #101439 0%, #26325D 50%, #475B81 100%);
    background: -webkit-linear-gradient(top, #101439 0%, #26325D 50%, #475B81 100%);
    background: linear-gradient(to bottom, #101439 0%, #26325D 50%, #475B81 100%);
}
</style>