#004865 - #B6CAD3 | 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 #004865 to #B6CAD3

#004865 #B6CAD3

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

#004865 - #B6CAD3 | 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 #004865 as 0% and #B6CAD3 as 100%.

0.0%	0.0% #004865	RGB 0 72 101	#004865
16.7%	16.7% #1E5D77	RGB 30 93 119	#1E5D77
33.3%	33.3% #3C7389	RGB 60 115 137	#3C7389
50.0%	50.0% #5B899C	RGB 91 137 156	#5B899C
66.7%	66.7% #799EAE	RGB 121 158 174	#799EAE
83.3%	83.3% #97B4C0	RGB 151 180 192	#97B4C0
100.0%	100.0% #B6CAD3	RGB 182 202 211	#B6CAD3

#004865 #1E5D77 #3C7389 #5B899C #799EAE #97B4C0 #B6CAD3

#004865 - #B6CAD3

HSV Blend

#004865 - #B6CAD3 | 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 #004865 as 0% and #B6CAD3 as 100%.

0.0%	0.0% #004865	RGB 0 72 101	#004865
16.7%	16.7% #115977	RGB 17 89 119	#115977
33.3%	33.3% #276C89	RGB 39 108 137	#276C89
50.0%	50.0% #43819C	RGB 67 129 156	#43819C
66.7%	66.7% #6497AE	RGB 100 151 174	#6497AE
83.3%	83.3% #8AB0C0	RGB 138 176 192	#8AB0C0
100.0%	100.0% #B6CAD3	RGB 182 202 211	#B6CAD3

#004865 #115977 #276C89 #43819C #6497AE #8AB0C0 #B6CAD3

#004865 - #43819C - #B6CAD3

CSS codes

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

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