#00968F - #006549 | 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 #00968F a #006549

#00968F #006549

Calcule el color entre dos colores, #00968F y #006549. 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)

#00968F - #006549 | 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 #00968F como 0% y #006549 como 100%.

0.0%	0.0% #00968F	RGB 0 150 143	#00968F
16.7%	16.7% #008D83	RGB 0 141 131	#008D83
33.3%	33.3% #008577	RGB 0 133 119	#008577
50.0%	50.0% #007D6C	RGB 0 125 108	#007D6C
66.7%	66.7% #007560	RGB 0 117 96	#007560
83.3%	83.3% #006D54	RGB 0 109 84	#006D54
100.0%	100.0% #006549	RGB 0 101 73	#006549

#00968F #008D83 #008577 #007D6C #007560 #006D54 #006549

#00968F - #006549

Mezcla HSV

#00968F - #006549 | 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 #00968F como 0% y #006549 como 100%.

0.0%	0.0% #00968F	RGB 0 150 143	#00968F
16.7%	16.7% #008D81	RGB 0 141 129	#008D81
33.3%	33.3% #008575	RGB 0 133 117	#008575
50.0%	50.0% #007D69	RGB 0 125 105	#007D69
66.7%	66.7% #00755D	RGB 0 117 93	#00755D
83.3%	83.3% #006D53	RGB 0 109 83	#006D53
100.0%	100.0% #006549	RGB 0 101 73	#006549

#00968F #008D81 #008575 #007D69 #00755D #006D53 #006549

#00968F - #007D69 - #006549

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00968F 0%, #007D69 50%, #006549 100%);
    background: -webkit-linear-gradient(top, #00968F 0%, #007D69 50%, #006549 100%);
    background: linear-gradient(to bottom, #00968F 0%, #007D69 50%, #006549 100%);
}
</style>