#00A98E - #00744F | 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 #00A98E a #00744F

#00A98E #00744F

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

#00A98E - #00744F | 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 #00A98E como 0% y #00744F como 100%.

0.0%	0.0% #00A98E	RGB 0 169 142	#00A98E
16.7%	16.7% #00A083	RGB 0 160 131	#00A083
33.3%	33.3% #009779	RGB 0 151 121	#009779
50.0%	50.0% #008E6E	RGB 0 142 110	#008E6E
66.7%	66.7% #008564	RGB 0 133 100	#008564
83.3%	83.3% #007C59	RGB 0 124 89	#007C59
100.0%	100.0% #00744F	RGB 0 116 79	#00744F

#00A98E #00A083 #009779 #008E6E #008564 #007C59 #00744F

#00A98E - #00744F

Mezcla HSV

#00A98E - #00744F | 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 #00A98E como 0% y #00744F como 100%.

0.0%	0.0% #00A98E	RGB 0 169 142	#00A98E
16.7%	16.7% #00A082	RGB 0 160 130	#00A082
33.3%	33.3% #009777	RGB 0 151 119	#009777
50.0%	50.0% #008E6C	RGB 0 142 108	#008E6C
66.7%	66.7% #008562	RGB 0 133 98	#008562
83.3%	83.3% #007C58	RGB 0 124 88	#007C58
100.0%	100.0% #00744F	RGB 0 116 79	#00744F

#00A98E #00A082 #009777 #008E6C #008562 #007C58 #00744F

#00A98E - #008E6C - #00744F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A98E 0%, #008E6C 50%, #00744F 100%);
    background: -webkit-linear-gradient(top, #00A98E 0%, #008E6C 50%, #00744F 100%);
    background: linear-gradient(to bottom, #00A98E 0%, #008E6C 50%, #00744F 100%);
}
</style>