#009696 - #00664F | 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 #009696 a #00664F

#009696 #00664F

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

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

0.0%	0.0% #009696	RGB 0 150 150	#009696
16.7%	16.7% #008E8A	RGB 0 142 138	#008E8A
33.3%	33.3% #00867E	RGB 0 134 126	#00867E
50.0%	50.0% #007E72	RGB 0 126 114	#007E72
66.7%	66.7% #007666	RGB 0 118 102	#007666
83.3%	83.3% #006E5A	RGB 0 110 90	#006E5A
100.0%	100.0% #00664F	RGB 0 102 79	#00664F

#009696 #008E8A #00867E #007E72 #007666 #006E5A #00664F

#009696 - #00664F

Mezcla HSV

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

0.0%	0.0% #009696	RGB 0 150 150	#009696
16.7%	16.7% #008E88	RGB 0 142 136	#008E88
33.3%	33.3% #00867B	RGB 0 134 123	#00867B
50.0%	50.0% #007E6F	RGB 0 126 111	#007E6F
66.7%	66.7% #007664	RGB 0 118 100	#007664
83.3%	83.3% #006E59	RGB 0 110 89	#006E59
100.0%	100.0% #00664F	RGB 0 102 79	#00664F

#009696 #008E88 #00867B #007E6F #007664 #006E59 #00664F

#009696 - #007E6F - #00664F

Códigos CSS

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

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