#001E4C - #B6BECB | 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 #001E4C to #B6BECB

#001E4C #B6BECB

Calculate the color between two colors, #001E4C and #B6BECB. 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)

#001E4C - #B6BECB | 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 #001E4C as 0% and #B6BECB as 100%.

0.0%	0.0% #001E4C	RGB 0 30 76	#001E4C
16.7%	16.7% #1E3861	RGB 30 56 97	#1E3861
33.3%	33.3% #3C5376	RGB 60 83 118	#3C5376
50.0%	50.0% #5B6E8B	RGB 91 110 139	#5B6E8B
66.7%	66.7% #7988A0	RGB 121 136 160	#7988A0
83.3%	83.3% #97A3B5	RGB 151 163 181	#97A3B5
100.0%	100.0% #B6BECB	RGB 182 190 203	#B6BECB

#001E4C #1E3861 #3C5376 #5B6E8B #7988A0 #97A3B5 #B6BECB

#001E4C - #B6BECB

HSV Blend

#001E4C - #B6BECB | 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 #001E4C as 0% and #B6BECB as 100%.

0.0%	0.0% #001E4C	RGB 0 30 76	#001E4C
16.7%	16.7% #0E2E61	RGB 14 46 97	#0E2E61
33.3%	33.3% #234376	RGB 35 67 118	#234376
50.0%	50.0% #3E5C8B	RGB 62 92 139	#3E5C8B
66.7%	66.7% #6078A0	RGB 96 120 160	#6078A0
83.3%	83.3% #8799B5	RGB 135 153 181	#8799B5
100.0%	100.0% #B6BECB	RGB 182 190 203	#B6BECB

#001E4C #0E2E61 #234376 #3E5C8B #6078A0 #8799B5 #B6BECB

#001E4C - #3E5C8B - #B6BECB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001E4C 0%, #3E5C8B 50%, #B6BECB 100%);
    background: -webkit-linear-gradient(top, #001E4C 0%, #3E5C8B 50%, #B6BECB 100%);
    background: linear-gradient(to bottom, #001E4C 0%, #3E5C8B 50%, #B6BECB 100%);
}
</style>