#0B9696 - #B9E1E1 | 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 #B9E1E1

#0B9696 #B9E1E1

Calcule el color entre dos colores, #0B9696 y #B9E1E1. 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 - #B9E1E1 | 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 #B9E1E1 como 100%.

0.0%	0.0% #0B9696	RGB 11 150 150	#0B9696
16.7%	16.7% #28A2A2	RGB 40 162 162	#28A2A2
33.3%	33.3% #45AFAF	RGB 69 175 175	#45AFAF
50.0%	50.0% #62BBBB	RGB 98 187 187	#62BBBB
66.7%	66.7% #7FC8C8	RGB 127 200 200	#7FC8C8
83.3%	83.3% #9CD4D4	RGB 156 212 212	#9CD4D4
100.0%	100.0% #B9E1E1	RGB 185 225 225	#B9E1E1

#0B9696 #28A2A2 #45AFAF #62BBBB #7FC8C8 #9CD4D4 #B9E1E1

#0B9696 - #B9E1E1

Mezcla HSV

#0B9696 - #B9E1E1 | 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 #B9E1E1 como 100%.

0.0%	0.0% #0A9696	RGB 10 150 150	#0A9696
16.7%	16.7% #20A2A2	RGB 32 162 162	#20A2A2
33.3%	33.3% #38AFAF	RGB 56 175 175	#38AFAF
50.0%	50.0% #53BBBB	RGB 83 187 187	#53BBBB
66.7%	66.7% #72C8C8	RGB 114 200 200	#72C8C8
83.3%	83.3% #94D4D4	RGB 148 212 212	#94D4D4
100.0%	100.0% #B9E1E1	RGB 185 225 225	#B9E1E1

#0A9696 #20A2A2 #38AFAF #53BBBB #72C8C8 #94D4D4 #B9E1E1

#0B9696 - #53BBBB - #B9E1E1

Códigos CSS

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

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