#071F5E - #B8BFD1 | 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 #071F5E to #B8BFD1

#071F5E #B8BFD1

Calculate the color between two colors, #071F5E and #B8BFD1. 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)

#071F5E - #B8BFD1 | 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 #071F5E as 0% and #B8BFD1 as 100%.

0.0%	0.0% #071F5E	RGB 7 31 94	#071F5E
16.7%	16.7% #243971	RGB 36 57 113	#243971
33.3%	33.3% #425484	RGB 66 84 132	#425484
50.0%	50.0% #5F6F97	RGB 95 111 151	#5F6F97
66.7%	66.7% #7D89AA	RGB 125 137 170	#7D89AA
83.3%	83.3% #9AA4BD	RGB 154 164 189	#9AA4BD
100.0%	100.0% #B8BFD1	RGB 184 191 209	#B8BFD1

#071F5E #243971 #425484 #5F6F97 #7D89AA #9AA4BD #B8BFD1

#071F5E - #B8BFD1

HSV Blend

#071F5E - #B8BFD1 | 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 #071F5E as 0% and #B8BFD1 as 100%.

0.0%	0.0% #061F5E	RGB 6 31 94	#061F5E
16.7%	16.7% #173071	RGB 23 48 113	#173071
33.3%	33.3% #2D4584	RGB 45 69 132	#2D4584
50.0%	50.0% #485E97	RGB 72 94 151	#485E97
66.7%	66.7% #687AAA	RGB 104 122 170	#687AAA
83.3%	83.3% #8D9BBD	RGB 141 155 189	#8D9BBD
100.0%	100.0% #B8BFD1	RGB 184 191 209	#B8BFD1

#061F5E #173071 #2D4584 #485E97 #687AAA #8D9BBD #B8BFD1

#071F5E - #485E97 - #B8BFD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #061F5E 0%, #485E97 50%, #B8BFD1 100%);
    background: -webkit-linear-gradient(top, #061F5E 0%, #485E97 50%, #B8BFD1 100%);
    background: linear-gradient(to bottom, #061F5E 0%, #485E97 50%, #B8BFD1 100%);
}
</style>