#0B9191 - #B9DFDF | 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 #0B9191 a #B9DFDF

#0B9191 #B9DFDF

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

#0B9191 - #B9DFDF | 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 #0B9191 como 0% y #B9DFDF como 100%.

0.0%	0.0% #0B9191	RGB 11 145 145	#0B9191
16.7%	16.7% #289E9E	RGB 40 158 158	#289E9E
33.3%	33.3% #45ABAB	RGB 69 171 171	#45ABAB
50.0%	50.0% #62B8B8	RGB 98 184 184	#62B8B8
66.7%	66.7% #7FC5C5	RGB 127 197 197	#7FC5C5
83.3%	83.3% #9CD2D2	RGB 156 210 210	#9CD2D2
100.0%	100.0% #B9DFDF	RGB 185 223 223	#B9DFDF

#0B9191 #289E9E #45ABAB #62B8B8 #7FC5C5 #9CD2D2 #B9DFDF

#0B9191 - #B9DFDF

Mezcla HSV

#0B9191 - #B9DFDF | 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 #0B9191 como 0% y #B9DFDF como 100%.

0.0%	0.0% #0A9191	RGB 10 145 145	#0A9191
16.7%	16.7% #1F9E9E	RGB 31 158 158	#1F9E9E
33.3%	33.3% #37ABAB	RGB 55 171 171	#37ABAB
50.0%	50.0% #53B8B8	RGB 83 184 184	#53B8B8
66.7%	66.7% #71C5C5	RGB 113 197 197	#71C5C5
83.3%	83.3% #93D2D2	RGB 147 210 210	#93D2D2
100.0%	100.0% #B9DFDF	RGB 185 223 223	#B9DFDF

#0A9191 #1F9E9E #37ABAB #53B8B8 #71C5C5 #93D2D2 #B9DFDF

#0B9191 - #53B8B8 - #B9DFDF

Códigos CSS

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

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