#103675 - #040F21 | 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 #103675 to #040F21

#103675 #040F21

Calculate the color between two colors, #103675 and #040F21. 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)

#103675 - #040F21 | 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 #103675 as 0% and #040F21 as 100%.

0.0%	0.0% #103675	RGB 16 54 117	#103675
16.7%	16.7% #0E2F67	RGB 14 47 103	#0E2F67
33.3%	33.3% #0C2959	RGB 12 41 89	#0C2959
50.0%	50.0% #0A224B	RGB 10 34 75	#0A224B
66.7%	66.7% #081C3D	RGB 8 28 61	#081C3D
83.3%	83.3% #06152F	RGB 6 21 47	#06152F
100.0%	100.0% #040F21	RGB 4 15 33	#040F21

#103675 #0E2F67 #0C2959 #0A224B #081C3D #06152F #040F21

#103675 - #040F21

HSV Blend

#103675 - #040F21 | 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 #103675 as 0% and #040F21 as 100%.

0.0%	0.0% #103675	RGB 16 54 117	#103675
16.7%	16.7% #0D2F67	RGB 13 47 103	#0D2F67
33.3%	33.3% #0B2859	RGB 11 40 89	#0B2859
50.0%	50.0% #09224B	RGB 9 34 75	#09224B
66.7%	66.7% #071B3D	RGB 7 27 61	#071B3D
83.3%	83.3% #05152F	RGB 5 21 47	#05152F
100.0%	100.0% #040F21	RGB 4 15 33	#040F21

#103675 #0D2F67 #0B2859 #09224B #071B3D #05152F #040F21

#103675 - #09224B - #040F21

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #103675 0%, #09224B 50%, #040F21 100%);
    background: -webkit-linear-gradient(top, #103675 0%, #09224B 50%, #040F21 100%);
    background: linear-gradient(to bottom, #103675 0%, #09224B 50%, #040F21 100%);
}
</style>