#101939 - #395172 | 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 #101939 to #395172

#101939 #395172

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

#101939 - #395172 | 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 #101939 as 0% and #395172 as 100%.

0.0%	0.0% #101939	RGB 16 25 57	#101939
16.7%	16.7% #162242	RGB 22 34 66	#162242
33.3%	33.3% #1D2B4C	RGB 29 43 76	#1D2B4C
50.0%	50.0% #243555	RGB 36 53 85	#243555
66.7%	66.7% #2B3E5F	RGB 43 62 95	#2B3E5F
83.3%	83.3% #324768	RGB 50 71 104	#324768
100.0%	100.0% #395172	RGB 57 81 114	#395172

#101939 #162242 #1D2B4C #243555 #2B3E5F #324768 #395172

#101939 - #395172

HSV Blend

#101939 - #395172 | 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 #101939 as 0% and #395172 as 100%.

0.0%	0.0% #101939	RGB 16 25 57	#101939
16.7%	16.7% #152042	RGB 21 32 66	#152042
33.3%	33.3% #1A284C	RGB 26 40 76	#1A284C
50.0%	50.0% #213255	RGB 33 50 85	#213255
66.7%	66.7% #283B5F	RGB 40 59 95	#283B5F
83.3%	83.3% #304668	RGB 48 70 104	#304668
100.0%	100.0% #395172	RGB 57 81 114	#395172

#101939 #152042 #1A284C #213255 #283B5F #304668 #395172

#101939 - #213255 - #395172

CSS codes

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

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