#14BABA - #B7F7B3 | 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 #14BABA a #B7F7B3

#14BABA #B7F7B3

Calcule el color entre dos colores, #14BABA y #B7F7B3. 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)

#14BABA - #B7F7B3 | 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 #14BABA como 0% y #B7F7B3 como 100%.

0.0%	0.0% #14BABA	RGB 20 186 186	#14BABA
16.7%	16.7% #2FC4B8	RGB 47 196 184	#2FC4B8
33.3%	33.3% #4ACEB7	RGB 74 206 183	#4ACEB7
50.0%	50.0% #65D8B6	RGB 101 216 182	#65D8B6
66.7%	66.7% #80E2B5	RGB 128 226 181	#80E2B5
83.3%	83.3% #9BECB4	RGB 155 236 180	#9BECB4
100.0%	100.0% #B7F7B3	RGB 183 247 179	#B7F7B3

#14BABA #2FC4B8 #4ACEB7 #65D8B6 #80E2B5 #9BECB4 #B7F7B3

#14BABA - #B7F7B3

Mezcla HSV

#14BABA - #B7F7B3 | 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 #14BABA como 0% y #B7F7B3 como 100%.

0.0%	0.0% #14BABA	RGB 20 186 186	#14BABA
16.7%	16.7% #29C4A8	RGB 41 196 168	#29C4A8
33.3%	33.3% #40CE9C	RGB 64 206 156	#40CE9C
50.0%	50.0% #5AD895	RGB 90 216 149	#5AD895
66.7%	66.7% #75E295	RGB 117 226 149	#75E295
83.3%	83.3% #93EC9D	RGB 147 236 157	#93EC9D
100.0%	100.0% #B7F7B3	RGB 183 247 179	#B7F7B3

#14BABA #29C4A8 #40CE9C #5AD895 #75E295 #93EC9D #B7F7B3

#14BABA - #5AD895 - #B7F7B3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #14BABA 0%, #5AD895 50%, #B7F7B3 100%);
    background: -webkit-linear-gradient(top, #14BABA 0%, #5AD895 50%, #B7F7B3 100%);
    background: linear-gradient(to bottom, #14BABA 0%, #5AD895 50%, #B7F7B3 100%);
}
</style>