#00A6A6 - #002F2F | 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 #00A6A6 a #002F2F

#00A6A6 #002F2F

Calcule el color entre dos colores, #00A6A6 y #002F2F. 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)

#00A6A6 - #002F2F | 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 #00A6A6 como 0% y #002F2F como 100%.

0.0%	0.0% #00A6A6	RGB 0 166 166	#00A6A6
16.7%	16.7% #009292	RGB 0 146 146	#009292
33.3%	33.3% #007E7E	RGB 0 126 126	#007E7E
50.0%	50.0% #006A6A	RGB 0 106 106	#006A6A
66.7%	66.7% #005656	RGB 0 86 86	#005656
83.3%	83.3% #004242	RGB 0 66 66	#004242
100.0%	100.0% #002F2F	RGB 0 47 47	#002F2F

#00A6A6 #009292 #007E7E #006A6A #005656 #004242 #002F2F

#00A6A6 - #002F2F

Mezcla HSV

#00A6A6 - #002F2F | 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 #00A6A6 como 0% y #002F2F como 100%.

0.0%	0.0% #00A6A6	RGB 0 166 166	#00A6A6
16.7%	16.7% #009292	RGB 0 146 146	#009292
33.3%	33.3% #007E7E	RGB 0 126 126	#007E7E
50.0%	50.0% #006A6A	RGB 0 106 106	#006A6A
66.7%	66.7% #005656	RGB 0 86 86	#005656
83.3%	83.3% #004242	RGB 0 66 66	#004242
100.0%	100.0% #002F2F	RGB 0 47 47	#002F2F

#00A6A6 #009292 #007E7E #006A6A #005656 #004242 #002F2F

#00A6A6 - #006A6A - #002F2F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A6A6 0%, #006A6A 50%, #002F2F 100%);
    background: -webkit-linear-gradient(top, #00A6A6 0%, #006A6A 50%, #002F2F 100%);
    background: linear-gradient(to bottom, #00A6A6 0%, #006A6A 50%, #002F2F 100%);
}
</style>