#0084BE - #006E8F | 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 #0084BE a #006E8F

#0084BE #006E8F

Calcule el color entre dos colores, #0084BE y #006E8F. 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)

#0084BE - #006E8F | 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 #0084BE como 0% y #006E8F como 100%.

0.0%	0.0% #0084BE	RGB 0 132 190	#0084BE
16.7%	16.7% #0080B6	RGB 0 128 182	#0080B6
33.3%	33.3% #007CAE	RGB 0 124 174	#007CAE
50.0%	50.0% #0079A6	RGB 0 121 166	#0079A6
66.7%	66.7% #00759E	RGB 0 117 158	#00759E
83.3%	83.3% #007196	RGB 0 113 150	#007196
100.0%	100.0% #006E8F	RGB 0 110 143	#006E8F

#0084BE #0080B6 #007CAE #0079A6 #00759E #007196 #006E8F

#0084BE - #006E8F

Mezcla HSV

#0084BE - #006E8F | 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 #0084BE como 0% y #006E8F como 100%.

0.0%	0.0% #0083BE	RGB 0 131 190	#0083BE
16.7%	16.7% #0080B6	RGB 0 128 182	#0080B6
33.3%	33.3% #007DAE	RGB 0 125 174	#007DAE
50.0%	50.0% #0079A6	RGB 0 121 166	#0079A6
66.7%	66.7% #00769E	RGB 0 118 158	#00769E
83.3%	83.3% #007296	RGB 0 114 150	#007296
100.0%	100.0% #006E8F	RGB 0 110 143	#006E8F

#0083BE #0080B6 #007DAE #0079A6 #00769E #007296 #006E8F

#0084BE - #0079A6 - #006E8F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0083BE 0%, #0079A6 50%, #006E8F 100%);
    background: -webkit-linear-gradient(top, #0083BE 0%, #0079A6 50%, #006E8F 100%);
    background: linear-gradient(to bottom, #0083BE 0%, #0079A6 50%, #006E8F 100%);
}
</style>