#00D0C9 - #003B39 | 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 #00D0C9 a #003B39

#00D0C9 #003B39

Calcule el color entre dos colores, #00D0C9 y #003B39. 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)

#00D0C9 - #003B39 | 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 #00D0C9 como 0% y #003B39 como 100%.

0.0%	0.0% #00D0C9	RGB 0 208 201	#00D0C9
16.7%	16.7% #00B7B1	RGB 0 183 177	#00B7B1
33.3%	33.3% #009E99	RGB 0 158 153	#009E99
50.0%	50.0% #008581	RGB 0 133 129	#008581
66.7%	66.7% #006C69	RGB 0 108 105	#006C69
83.3%	83.3% #005351	RGB 0 83 81	#005351
100.0%	100.0% #003B39	RGB 0 59 57	#003B39

#00D0C9 #00B7B1 #009E99 #008581 #006C69 #005351 #003B39

#00D0C9 - #003B39

Mezcla HSV

#00D0C9 - #003B39 | 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 #00D0C9 como 0% y #003B39 como 100%.

0.0%	0.0% #00D0C9	RGB 0 208 201	#00D0C9
16.7%	16.7% #00B7B0	RGB 0 183 176	#00B7B0
33.3%	33.3% #009E98	RGB 0 158 152	#009E98
50.0%	50.0% #008580	RGB 0 133 128	#008580
66.7%	66.7% #006C68	RGB 0 108 104	#006C68
83.3%	83.3% #005350	RGB 0 83 80	#005350
100.0%	100.0% #003B39	RGB 0 59 57	#003B39

#00D0C9 #00B7B0 #009E98 #008580 #006C68 #005350 #003B39

#00D0C9 - #008580 - #003B39

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D0C9 0%, #008580 50%, #003B39 100%);
    background: -webkit-linear-gradient(top, #00D0C9 0%, #008580 50%, #003B39 100%);
    background: linear-gradient(to bottom, #00D0C9 0%, #008580 50%, #003B39 100%);
}
</style>