#00A88D - #00734D | 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 #00A88D a #00734D

#00A88D #00734D

Calcule el color entre dos colores, #00A88D y #00734D. 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)

#00A88D - #00734D | 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 #00A88D como 0% y #00734D como 100%.

0.0%	0.0% #00A88D	RGB 0 168 141	#00A88D
16.7%	16.7% #009F82	RGB 0 159 130	#009F82
33.3%	33.3% #009677	RGB 0 150 119	#009677
50.0%	50.0% #008D6D	RGB 0 141 109	#008D6D
66.7%	66.7% #008462	RGB 0 132 98	#008462
83.3%	83.3% #007B57	RGB 0 123 87	#007B57
100.0%	100.0% #00734D	RGB 0 115 77	#00734D

#00A88D #009F82 #009677 #008D6D #008462 #007B57 #00734D

#00A88D - #00734D

Mezcla HSV

#00A88D - #00734D | 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 #00A88D como 0% y #00734D como 100%.

0.0%	0.0% #00A88D	RGB 0 168 141	#00A88D
16.7%	16.7% #009F81	RGB 0 159 129	#009F81
33.3%	33.3% #009675	RGB 0 150 117	#009675
50.0%	50.0% #008D6A	RGB 0 141 106	#008D6A
66.7%	66.7% #008460	RGB 0 132 96	#008460
83.3%	83.3% #007B56	RGB 0 123 86	#007B56
100.0%	100.0% #00734D	RGB 0 115 77	#00734D

#00A88D #009F81 #009675 #008D6A #008460 #007B56 #00734D

#00A88D - #008D6A - #00734D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A88D 0%, #008D6A 50%, #00734D 100%);
    background: -webkit-linear-gradient(top, #00A88D 0%, #008D6A 50%, #00734D 100%);
    background: linear-gradient(to bottom, #00A88D 0%, #008D6A 50%, #00734D 100%);
}
</style>