#009193 - #B5EEC5 | 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 #009193 to #B5EEC5

#009193 #B5EEC5

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

#009193 - #B5EEC5 | 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 #009193 as 0% and #B5EEC5 as 100%.

0.0%	0.0% #009193	RGB 0 145 147	#009193
16.7%	16.7% #1EA09B	RGB 30 160 155	#1EA09B
33.3%	33.3% #3CB0A3	RGB 60 176 163	#3CB0A3
50.0%	50.0% #5ABFAC	RGB 90 191 172	#5ABFAC
66.7%	66.7% #78CFB4	RGB 120 207 180	#78CFB4
83.3%	83.3% #96DEBC	RGB 150 222 188	#96DEBC
100.0%	100.0% #B5EEC5	RGB 181 238 197	#B5EEC5

#009193 #1EA09B #3CB0A3 #5ABFAC #78CFB4 #96DEBC #B5EEC5

#009193 - #B5EEC5

HSV Blend

#009193 - #B5EEC5 | 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 #009193 as 0% and #B5EEC5 as 100%.

0.0%	0.0% #009093	RGB 0 144 147	#009093
16.7%	16.7% #14A292	RGB 20 162 146	#14A292
33.3%	33.3% #2CB192	RGB 44 177 146	#2CB192
50.0%	50.0% #49C096	RGB 73 192 150	#49C096
66.7%	66.7% #69CF9F	RGB 105 207 159	#69CF9F
83.3%	83.3% #8DDEAE	RGB 141 222 174	#8DDEAE
100.0%	100.0% #B5EEC5	RGB 181 238 197	#B5EEC5

#009093 #14A292 #2CB192 #49C096 #69CF9F #8DDEAE #B5EEC5

#009193 - #49C096 - #B5EEC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009093 0%, #49C096 50%, #B5EEC5 100%);
    background: -webkit-linear-gradient(top, #009093 0%, #49C096 50%, #B5EEC5 100%);
    background: linear-gradient(to bottom, #009093 0%, #49C096 50%, #B5EEC5 100%);
}
</style>