#008091 - #1C3939 | 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 #008091 a #1C3939

#008091 #1C3939

Calcule el color entre dos colores, #008091 y #1C3939. 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)

#008091 - #1C3939 | 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 #008091 como 0% y #1C3939 como 100%.

0.0%	0.0% #008091	RGB 0 128 145	#008091
16.7%	16.7% #047482	RGB 4 116 130	#047482
33.3%	33.3% #096873	RGB 9 104 115	#096873
50.0%	50.0% #0E5C65	RGB 14 92 101	#0E5C65
66.7%	66.7% #125056	RGB 18 80 86	#125056
83.3%	83.3% #174447	RGB 23 68 71	#174447
100.0%	100.0% #1C3939	RGB 28 57 57	#1C3939

#008091 #047482 #096873 #0E5C65 #125056 #174447 #1C3939

#008091 - #1C3939

Mezcla HSV

#008091 - #1C3939 | 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 #008091 como 0% y #1C3939 como 100%.

0.0%	0.0% #007F91	RGB 0 127 145	#007F91
16.7%	16.7% #0A7682	RGB 10 118 130	#0A7682
33.3%	33.3% #126C73	RGB 18 108 115	#126C73
50.0%	50.0% #186065	RGB 24 96 101	#186065
66.7%	66.7% #1C5456	RGB 28 84 86	#1C5456
83.3%	83.3% #1D4647	RGB 29 70 71	#1D4647
100.0%	100.0% #1C3939	RGB 28 57 57	#1C3939

#007F91 #0A7682 #126C73 #186065 #1C5456 #1D4647 #1C3939

#008091 - #186065 - #1C3939

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007F91 0%, #186065 50%, #1C3939 100%);
    background: -webkit-linear-gradient(top, #007F91 0%, #186065 50%, #1C3939 100%);
    background: linear-gradient(to bottom, #007F91 0%, #186065 50%, #1C3939 100%);
}
</style>