#2BAEAA - #BAE9AB | 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 #2BAEAA a #BAE9AB

#2BAEAA #BAE9AB

Calcule el color entre dos colores, #2BAEAA y #BAE9AB. 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)

#2BAEAA - #BAE9AB | 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 #2BAEAA como 0% y #BAE9AB como 100%.

0.0%	0.0% #2BAEAA	RGB 43 174 170	#2BAEAA
16.7%	16.7% #42B7AA	RGB 66 183 170	#42B7AA
33.3%	33.3% #5AC1AA	RGB 90 193 170	#5AC1AA
50.0%	50.0% #72CBAA	RGB 114 203 170	#72CBAA
66.7%	66.7% #8AD5AA	RGB 138 213 170	#8AD5AA
83.3%	83.3% #A2DFAA	RGB 162 223 170	#A2DFAA
100.0%	100.0% #BAE9AB	RGB 186 233 171	#BAE9AB

#2BAEAA #42B7AA #5AC1AA #72CBAA #8AD5AA #A2DFAA #BAE9AB

#2BAEAA - #BAE9AB

Mezcla HSV

#2BAEAA - #BAE9AB | 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 #2BAEAA como 0% y #BAE9AB como 100%.

0.0%	0.0% #2BAEAA	RGB 43 174 170	#2BAEAA
16.7%	16.7% #3CB79B	RGB 60 183 155	#3CB79B
33.3%	33.3% #4FC18F	RGB 79 193 143	#4FC18F
50.0%	50.0% #63CB89	RGB 99 203 137	#63CB89
66.7%	66.7% #79D588	RGB 121 213 136	#79D588
83.3%	83.3% #94DF91	RGB 148 223 145	#94DF91
100.0%	100.0% #BAE9AB	RGB 186 233 171	#BAE9AB

#2BAEAA #3CB79B #4FC18F #63CB89 #79D588 #94DF91 #BAE9AB

#2BAEAA - #63CB89 - #BAE9AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BAEAA 0%, #63CB89 50%, #BAE9AB 100%);
    background: -webkit-linear-gradient(top, #2BAEAA 0%, #63CB89 50%, #BAE9AB 100%);
    background: linear-gradient(to bottom, #2BAEAA 0%, #63CB89 50%, #BAE9AB 100%);
}
</style>