#101039 - #2D426F | 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 #101039 to #2D426F

#101039 #2D426F

Calculate the color between two colors, #101039 and #2D426F. 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)

#101039 - #2D426F | 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 #101039 as 0% and #2D426F as 100%.

0.0%	0.0% #101039	RGB 16 16 57	#101039
16.7%	16.7% #141842	RGB 20 24 66	#141842
33.3%	33.3% #19204B	RGB 25 32 75	#19204B
50.0%	50.0% #1E2954	RGB 30 41 84	#1E2954
66.7%	66.7% #23315D	RGB 35 49 93	#23315D
83.3%	83.3% #283966	RGB 40 57 102	#283966
100.0%	100.0% #2D426F	RGB 45 66 111	#2D426F

#101039 #141842 #19204B #1E2954 #23315D #283966 #2D426F

#101039 - #2D426F

HSV Blend

#101039 - #2D426F | 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 #101039 as 0% and #2D426F as 100%.

0.0%	0.0% #101039	RGB 16 16 57	#101039
16.7%	16.7% #131642	RGB 19 22 66	#131642
33.3%	33.3% #181D4B	RGB 24 29 75	#181D4B
50.0%	50.0% #1C2554	RGB 28 37 84	#1C2554
66.7%	66.7% #212E5D	RGB 33 46 93	#212E5D
83.3%	83.3% #273766	RGB 39 55 102	#273766
100.0%	100.0% #2D426F	RGB 45 66 111	#2D426F

#101039 #131642 #181D4B #1C2554 #212E5D #273766 #2D426F

#101039 - #1C2554 - #2D426F

CSS codes

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

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