#0B9696 - #9AE8AA | 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 #0B9696 a #9AE8AA

#0B9696 #9AE8AA

Calcule el color entre dos colores, #0B9696 y #9AE8AA. 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)

#0B9696 - #9AE8AA | 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 #0B9696 como 0% y #9AE8AA como 100%.

0.0%	0.0% #0B9696	RGB 11 150 150	#0B9696
16.7%	16.7% #22A399	RGB 34 163 153	#22A399
33.3%	33.3% #3AB19C	RGB 58 177 156	#3AB19C
50.0%	50.0% #52BFA0	RGB 82 191 160	#52BFA0
66.7%	66.7% #6ACCA3	RGB 106 204 163	#6ACCA3
83.3%	83.3% #82DAA6	RGB 130 218 166	#82DAA6
100.0%	100.0% #9AE8AA	RGB 154 232 170	#9AE8AA

#0B9696 #22A399 #3AB19C #52BFA0 #6ACCA3 #82DAA6 #9AE8AA

#0B9696 - #9AE8AA

Mezcla HSV

#0B9696 - #9AE8AA | 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 #0B9696 como 0% y #9AE8AA como 100%.

0.0%	0.0% #0A9696	RGB 10 150 150	#0A9696
16.7%	16.7% #1CA391	RGB 28 163 145	#1CA391
33.3%	33.3% #2FB18F	RGB 47 177 143	#2FB18F
50.0%	50.0% #46BF8F	RGB 70 191 143	#46BF8F
66.7%	66.7% #5FCC92	RGB 95 204 146	#5FCC92
83.3%	83.3% #7BDA9B	RGB 123 218 155	#7BDA9B
100.0%	100.0% #9AE8AA	RGB 154 232 170	#9AE8AA

#0A9696 #1CA391 #2FB18F #46BF8F #5FCC92 #7BDA9B #9AE8AA

#0B9696 - #46BF8F - #9AE8AA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0A9696 0%, #46BF8F 50%, #9AE8AA 100%);
    background: -webkit-linear-gradient(top, #0A9696 0%, #46BF8F 50%, #9AE8AA 100%);
    background: linear-gradient(to bottom, #0A9696 0%, #46BF8F 50%, #9AE8AA 100%);
}
</style>