#ACE5E2 - #314140 | 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 #ACE5E2 a #314140

#ACE5E2 #314140

Calcule el color entre dos colores, #ACE5E2 y #314140. 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)

#ACE5E2 - #314140 | 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 #ACE5E2 como 0% y #314140 como 100%.

0.0%	0.0% #ACE5E2	RGB 172 229 226	#ACE5E2
16.7%	16.7% #97C9C7	RGB 151 201 199	#97C9C7
33.3%	33.3% #83AEAC	RGB 131 174 172	#83AEAC
50.0%	50.0% #6E9391	RGB 110 147 145	#6E9391
66.7%	66.7% #5A7776	RGB 90 119 118	#5A7776
83.3%	83.3% #455C5B	RGB 69 92 91	#455C5B
100.0%	100.0% #314140	RGB 49 65 64	#314140

#ACE5E2 #97C9C7 #83AEAC #6E9391 #5A7776 #455C5B #314140

#ACE5E2 - #314140

Mezcla HSV

#ACE5E2 - #314140 | 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 #ACE5E2 como 0% y #314140 como 100%.

0.0%	0.0% #ACE5E2	RGB 172 229 226	#ACE5E2
16.7%	16.7% #97C9C6	RGB 151 201 198	#97C9C6
33.3%	33.3% #83AEAB	RGB 131 174 171	#83AEAB
50.0%	50.0% #6E9390	RGB 110 147 144	#6E9390
66.7%	66.7% #5A7775	RGB 90 119 117	#5A7775
83.3%	83.3% #455C5A	RGB 69 92 90	#455C5A
100.0%	100.0% #314140	RGB 49 65 64	#314140

#ACE5E2 #97C9C6 #83AEAB #6E9390 #5A7775 #455C5A #314140

#ACE5E2 - #6E9390 - #314140

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACE5E2 0%, #6E9390 50%, #314140 100%);
    background: -webkit-linear-gradient(top, #ACE5E2 0%, #6E9390 50%, #314140 100%);
    background: linear-gradient(to bottom, #ACE5E2 0%, #6E9390 50%, #314140 100%);
}
</style>