#075E5E - #B8D1D1 | 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 #075E5E to #B8D1D1

#075E5E #B8D1D1

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

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

0.0%	0.0% #075E5E	RGB 7 94 94	#075E5E
16.7%	16.7% #247171	RGB 36 113 113	#247171
33.3%	33.3% #428484	RGB 66 132 132	#428484
50.0%	50.0% #5F9797	RGB 95 151 151	#5F9797
66.7%	66.7% #7DAAAA	RGB 125 170 170	#7DAAAA
83.3%	83.3% #9ABDBD	RGB 154 189 189	#9ABDBD
100.0%	100.0% #B8D1D1	RGB 184 209 209	#B8D1D1

#075E5E #247171 #428484 #5F9797 #7DAAAA #9ABDBD #B8D1D1

#075E5E - #B8D1D1

HSV Blend

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

0.0%	0.0% #065E5E	RGB 6 94 94	#065E5E
16.7%	16.7% #177171	RGB 23 113 113	#177171
33.3%	33.3% #2D8484	RGB 45 132 132	#2D8484
50.0%	50.0% #489797	RGB 72 151 151	#489797
66.7%	66.7% #68AAAA	RGB 104 170 170	#68AAAA
83.3%	83.3% #8DBDBD	RGB 141 189 189	#8DBDBD
100.0%	100.0% #B8D1D1	RGB 184 209 209	#B8D1D1

#065E5E #177171 #2D8484 #489797 #68AAAA #8DBDBD #B8D1D1

#075E5E - #489797 - #B8D1D1

CSS codes

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

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