#084F5E - #B8CCD1 | 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 #084F5E to #B8CCD1

#084F5E #B8CCD1

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

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

0.0%	0.0% #084F5E	RGB 8 79 94	#084F5E
16.7%	16.7% #256371	RGB 37 99 113	#256371
33.3%	33.3% #427884	RGB 66 120 132	#427884
50.0%	50.0% #608D97	RGB 96 141 151	#608D97
66.7%	66.7% #7DA2AA	RGB 125 162 170	#7DA2AA
83.3%	83.3% #9AB7BD	RGB 154 183 189	#9AB7BD
100.0%	100.0% #B8CCD1	RGB 184 204 209	#B8CCD1

#084F5E #256371 #427884 #608D97 #7DA2AA #9AB7BD #B8CCD1

#084F5E - #B8CCD1

HSV Blend

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

0.0%	0.0% #074E5E	RGB 7 78 94	#074E5E
16.7%	16.7% #186171	RGB 24 97 113	#186171
33.3%	33.3% #2E7484	RGB 46 116 132	#2E7484
50.0%	50.0% #498897	RGB 73 136 151	#498897
66.7%	66.7% #699EAA	RGB 105 158 170	#699EAA
83.3%	83.3% #8DB4BD	RGB 141 180 189	#8DB4BD
100.0%	100.0% #B8CCD1	RGB 184 204 209	#B8CCD1

#074E5E #186171 #2E7484 #498897 #699EAA #8DB4BD #B8CCD1

#084F5E - #498897 - #B8CCD1

CSS codes

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

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