#009E9A - #006D55 | 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 #009E9A a #006D55

#009E9A #006D55

Calcule el color entre dos colores, #009E9A y #006D55. 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)

#009E9A - #006D55 | 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 #009E9A como 0% y #006D55 como 100%.

0.0%	0.0% #009E9A	RGB 0 158 154	#009E9A
16.7%	16.7% #00958E	RGB 0 149 142	#00958E
33.3%	33.3% #008D83	RGB 0 141 131	#008D83
50.0%	50.0% #008577	RGB 0 133 119	#008577
66.7%	66.7% #007D6C	RGB 0 125 108	#007D6C
83.3%	83.3% #007560	RGB 0 117 96	#007560
100.0%	100.0% #006D55	RGB 0 109 85	#006D55

#009E9A #00958E #008D83 #008577 #007D6C #007560 #006D55

#009E9A - #006D55

Mezcla HSV

#009E9A - #006D55 | 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 #009E9A como 0% y #006D55 como 100%.

0.0%	0.0% #009E9A	RGB 0 158 154	#009E9A
16.7%	16.7% #00958D	RGB 0 149 141	#00958D
33.3%	33.3% #008D80	RGB 0 141 128	#008D80
50.0%	50.0% #008575	RGB 0 133 117	#008575
66.7%	66.7% #007D69	RGB 0 125 105	#007D69
83.3%	83.3% #00755F	RGB 0 117 95	#00755F
100.0%	100.0% #006D55	RGB 0 109 85	#006D55

#009E9A #00958D #008D80 #008575 #007D69 #00755F #006D55

#009E9A - #008575 - #006D55

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009E9A 0%, #008575 50%, #006D55 100%);
    background: -webkit-linear-gradient(top, #009E9A 0%, #008575 50%, #006D55 100%);
    background: linear-gradient(to bottom, #009E9A 0%, #008575 50%, #006D55 100%);
}
</style>