#055E5E - #B7D1D1 | 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 #055E5E to #B7D1D1

#055E5E #B7D1D1

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

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

0.0%	0.0% #055E5E	RGB 5 94 94	#055E5E
16.7%	16.7% #227171	RGB 34 113 113	#227171
33.3%	33.3% #408484	RGB 64 132 132	#408484
50.0%	50.0% #5E9797	RGB 94 151 151	#5E9797
66.7%	66.7% #7BAAAA	RGB 123 170 170	#7BAAAA
83.3%	83.3% #99BDBD	RGB 153 189 189	#99BDBD
100.0%	100.0% #B7D1D1	RGB 183 209 209	#B7D1D1

#055E5E #227171 #408484 #5E9797 #7BAAAA #99BDBD #B7D1D1

#055E5E - #B7D1D1

HSV Blend

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

0.0%	0.0% #045E5E	RGB 4 94 94	#045E5E
16.7%	16.7% #157171	RGB 21 113 113	#157171
33.3%	33.3% #2B8484	RGB 43 132 132	#2B8484
50.0%	50.0% #469797	RGB 70 151 151	#469797
66.7%	66.7% #66AAAA	RGB 102 170 170	#66AAAA
83.3%	83.3% #8CBDBD	RGB 140 189 189	#8CBDBD
100.0%	100.0% #B7D1D1	RGB 183 209 209	#B7D1D1

#045E5E #157171 #2B8484 #469797 #66AAAA #8CBDBD #B7D1D1

#055E5E - #469797 - #B7D1D1

CSS codes

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

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