#061E5E - #B7BED1 | 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 #061E5E to #B7BED1

#061E5E #B7BED1

Calculate the color between two colors, #061E5E and #B7BED1. 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)

#061E5E - #B7BED1 | 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 #061E5E as 0% and #B7BED1 as 100%.

0.0%	0.0% #061E5E	RGB 6 30 94	#061E5E
16.7%	16.7% #233871	RGB 35 56 113	#233871
33.3%	33.3% #415384	RGB 65 83 132	#415384
50.0%	50.0% #5E6E97	RGB 94 110 151	#5E6E97
66.7%	66.7% #7C88AA	RGB 124 136 170	#7C88AA
83.3%	83.3% #99A3BD	RGB 153 163 189	#99A3BD
100.0%	100.0% #B7BED1	RGB 183 190 209	#B7BED1

#061E5E #233871 #415384 #5E6E97 #7C88AA #99A3BD #B7BED1

#061E5E - #B7BED1

HSV Blend

#061E5E - #B7BED1 | 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 #061E5E as 0% and #B7BED1 as 100%.

0.0%	0.0% #051D5E	RGB 5 29 94	#051D5E
16.7%	16.7% #162F71	RGB 22 47 113	#162F71
33.3%	33.3% #2C4484	RGB 44 68 132	#2C4484
50.0%	50.0% #475C97	RGB 71 92 151	#475C97
66.7%	66.7% #6779AA	RGB 103 121 170	#6779AA
83.3%	83.3% #8C99BD	RGB 140 153 189	#8C99BD
100.0%	100.0% #B7BED1	RGB 183 190 209	#B7BED1

#051D5E #162F71 #2C4484 #475C97 #6779AA #8C99BD #B7BED1

#061E5E - #475C97 - #B7BED1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #051D5E 0%, #475C97 50%, #B7BED1 100%);
    background: -webkit-linear-gradient(top, #051D5E 0%, #475C97 50%, #B7BED1 100%);
    background: linear-gradient(to bottom, #051D5E 0%, #475C97 50%, #B7BED1 100%);
}
</style>