#2FBCBC - #C0EDB1 | 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 #2FBCBC a #C0EDB1

#2FBCBC #C0EDB1

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

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

0.0%	0.0% #2FBCBC	RGB 47 188 188	#2FBCBC
16.7%	16.7% #47C4BA	RGB 71 196 186	#47C4BA
33.3%	33.3% #5FCCB8	RGB 95 204 184	#5FCCB8
50.0%	50.0% #77D4B6	RGB 119 212 182	#77D4B6
66.7%	66.7% #8FDCB4	RGB 143 220 180	#8FDCB4
83.3%	83.3% #A7E4B2	RGB 167 228 178	#A7E4B2
100.0%	100.0% #C0EDB1	RGB 192 237 177	#C0EDB1

#2FBCBC #47C4BA #5FCCB8 #77D4B6 #8FDCB4 #A7E4B2 #C0EDB1

#2FBCBC - #C0EDB1

Mezcla HSV

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

0.0%	0.0% #2FBCBC	RGB 47 188 188	#2FBCBC
16.7%	16.7% #41C4A8	RGB 65 196 168	#41C4A8
33.3%	33.3% #54CC9A	RGB 84 204 154	#54CC9A
50.0%	50.0% #69D491	RGB 105 212 145	#69D491
66.7%	66.7% #80DC8F	RGB 128 220 143	#80DC8F
83.3%	83.3% #9BE497	RGB 155 228 151	#9BE497
100.0%	100.0% #C0EDB1	RGB 192 237 177	#C0EDB1

#2FBCBC #41C4A8 #54CC9A #69D491 #80DC8F #9BE497 #C0EDB1

#2FBCBC - #69D491 - #C0EDB1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FBCBC 0%, #69D491 50%, #C0EDB1 100%);
    background: -webkit-linear-gradient(top, #2FBCBC 0%, #69D491 50%, #C0EDB1 100%);
    background: linear-gradient(to bottom, #2FBCBC 0%, #69D491 50%, #C0EDB1 100%);
}
</style>