#00B1BA - #C7FFD1 | 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 #00B1BA a #C7FFD1

#00B1BA #C7FFD1

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

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

0.0%	0.0% #00B1BA	RGB 0 177 186	#00B1BA
16.7%	16.7% #21BEBD	RGB 33 190 189	#21BEBD
33.3%	33.3% #42CBC1	RGB 66 203 193	#42CBC1
50.0%	50.0% #63D8C5	RGB 99 216 197	#63D8C5
66.7%	66.7% #84E5C9	RGB 132 229 201	#84E5C9
83.3%	83.3% #A5F2CD	RGB 165 242 205	#A5F2CD
100.0%	100.0% #C7FFD1	RGB 199 255 209	#C7FFD1

#00B1BA #21BEBD #42CBC1 #63D8C5 #84E5C9 #A5F2CD #C7FFD1

#00B1BA - #C7FFD1

Mezcla HSV

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

0.0%	0.0% #00B1BA	RGB 0 177 186	#00B1BA
16.7%	16.7% #19C5B4	RGB 25 197 180	#19C5B4
33.3%	33.3% #36D1AB	RGB 54 209 171	#36D1AB
50.0%	50.0% #56DCA8	RGB 86 220 168	#56DCA8
66.7%	66.7% #78E8AC	RGB 120 232 172	#78E8AC
83.3%	83.3% #9EF3B9	RGB 158 243 185	#9EF3B9
100.0%	100.0% #C7FFD1	RGB 199 255 209	#C7FFD1

#00B1BA #19C5B4 #36D1AB #56DCA8 #78E8AC #9EF3B9 #C7FFD1

#00B1BA - #56DCA8 - #C7FFD1

Códigos CSS

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

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