#2BABAC - #B5E8AC | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #2BABAC a #B5E8AC

#2BABAC #B5E8AC

Calcule el color entre dos colores, #2BABAC y #B5E8AC. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#2BABAC - #B5E8AC | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #2BABAC como 0% y #B5E8AC como 100%.

0.0%	0.0% #2BABAC	RGB 43 171 172	#2BABAC
16.7%	16.7% #42B5AC	RGB 66 181 172	#42B5AC
33.3%	33.3% #59BFAC	RGB 89 191 172	#59BFAC
50.0%	50.0% #70C9AC	RGB 112 201 172	#70C9AC
66.7%	66.7% #87D3AC	RGB 135 211 172	#87D3AC
83.3%	83.3% #9EDDAC	RGB 158 221 172	#9EDDAC
100.0%	100.0% #B5E8AC	RGB 181 232 172	#B5E8AC

#2BABAC #42B5AC #59BFAC #70C9AC #87D3AC #9EDDAC #B5E8AC

#2BABAC - #B5E8AC

Mezcla HSV

#2BABAC - #B5E8AC | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #2BABAC como 0% y #B5E8AC como 100%.

0.0%	0.0% #2BABAC	RGB 43 171 172	#2BABAC
16.7%	16.7% #3CB69F	RGB 60 182 159	#3CB69F
33.3%	33.3% #4FC095	RGB 79 192 149	#4FC095
50.0%	50.0% #64CA8F	RGB 100 202 143	#64CA8F
66.7%	66.7% #7AD48F	RGB 122 212 143	#7AD48F
83.3%	83.3% #92DE95	RGB 146 222 149	#92DE95
100.0%	100.0% #B5E8AC	RGB 181 232 172	#B5E8AC

#2BABAC #3CB69F #4FC095 #64CA8F #7AD48F #92DE95 #B5E8AC

#2BABAC - #64CA8F - #B5E8AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BABAC 0%, #64CA8F 50%, #B5E8AC 100%);
    background: -webkit-linear-gradient(top, #2BABAC 0%, #64CA8F 50%, #B5E8AC 100%);
    background: linear-gradient(to bottom, #2BABAC 0%, #64CA8F 50%, #B5E8AC 100%);
}
</style>