#00C9C1 - #C0FFB3 | 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 #00C9C1 a #C0FFB3

#00C9C1 #C0FFB3

Calcule el color entre dos colores, #00C9C1 y #C0FFB3. 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)

#00C9C1 - #C0FFB3 | 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 #00C9C1 como 0% y #C0FFB3 como 100%.

0.0%	0.0% #00C9C1	RGB 0 201 193	#00C9C1
16.7%	16.7% #20D2BE	RGB 32 210 190	#20D2BE
33.3%	33.3% #40DBBC	RGB 64 219 188	#40DBBC
50.0%	50.0% #60E4BA	RGB 96 228 186	#60E4BA
66.7%	66.7% #80EDB7	RGB 128 237 183	#80EDB7
83.3%	83.3% #A0F6B5	RGB 160 246 181	#A0F6B5
100.0%	100.0% #C0FFB3	RGB 192 255 179	#C0FFB3

#00C9C1 #20D2BE #40DBBC #60E4BA #80EDB7 #A0F6B5 #C0FFB3

#00C9C1 - #C0FFB3

Mezcla HSV

#00C9C1 - #C0FFB3 | 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 #00C9C1 como 0% y #C0FFB3 como 100%.

0.0%	0.0% #00C9C1	RGB 0 201 193	#00C9C1
16.7%	16.7% #18D2A7	RGB 24 210 167	#18D2A7
33.3%	33.3% #33DB95	RGB 51 219 149	#33DB95
50.0%	50.0% #50E48A	RGB 80 228 138	#50E48A
66.7%	66.7% #6EED88	RGB 110 237 136	#6EED88
83.3%	83.3% #8FF691	RGB 143 246 145	#8FF691
100.0%	100.0% #C0FFB3	RGB 192 255 179	#C0FFB3

#00C9C1 #18D2A7 #33DB95 #50E48A #6EED88 #8FF691 #C0FFB3

#00C9C1 - #50E48A - #C0FFB3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C9C1 0%, #50E48A 50%, #C0FFB3 100%);
    background: -webkit-linear-gradient(top, #00C9C1 0%, #50E48A 50%, #C0FFB3 100%);
    background: linear-gradient(to bottom, #00C9C1 0%, #50E48A 50%, #C0FFB3 100%);
}
</style>