#00A081 - #002D24 | 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 #00A081 a #002D24

#00A081 #002D24

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

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

0.0%	0.0% #00A081	RGB 0 160 129	#00A081
16.7%	16.7% #008C71	RGB 0 140 113	#008C71
33.3%	33.3% #007962	RGB 0 121 98	#007962
50.0%	50.0% #006652	RGB 0 102 82	#006652
66.7%	66.7% #005343	RGB 0 83 67	#005343
83.3%	83.3% #004033	RGB 0 64 51	#004033
100.0%	100.0% #002D24	RGB 0 45 36	#002D24

#00A081 #008C71 #007962 #006652 #005343 #004033 #002D24

#00A081 - #002D24

Mezcla HSV

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

0.0%	0.0% #00A081	RGB 0 160 129	#00A081
16.7%	16.7% #008C71	RGB 0 140 113	#008C71
33.3%	33.3% #007961	RGB 0 121 97	#007961
50.0%	50.0% #006652	RGB 0 102 82	#006652
66.7%	66.7% #005342	RGB 0 83 66	#005342
83.3%	83.3% #004033	RGB 0 64 51	#004033
100.0%	100.0% #002D24	RGB 0 45 36	#002D24

#00A081 #008C71 #007961 #006652 #005342 #004033 #002D24

#00A081 - #006652 - #002D24

Códigos CSS

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

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