#ACE5E2 - #E7F7F6 | 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 #E7F7F6

#ACE5E2 #E7F7F6

Calcule el color entre dos colores, #ACE5E2 y #E7F7F6. 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 - #E7F7F6 | 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 #E7F7F6 como 100%.

0.0%	0.0% #ACE5E2	RGB 172 229 226	#ACE5E2
16.7%	16.7% #B5E8E5	RGB 181 232 229	#B5E8E5
33.3%	33.3% #BFEBE8	RGB 191 235 232	#BFEBE8
50.0%	50.0% #C9EEEC	RGB 201 238 236	#C9EEEC
66.7%	66.7% #D3F1EF	RGB 211 241 239	#D3F1EF
83.3%	83.3% #DDF4F2	RGB 221 244 242	#DDF4F2
100.0%	100.0% #E7F7F6	RGB 231 247 246	#E7F7F6

#ACE5E2 #B5E8E5 #BFEBE8 #C9EEEC #D3F1EF #DDF4F2 #E7F7F6

#ACE5E2 - #E7F7F6

Mezcla HSV

#ACE5E2 - #E7F7F6 | 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 #E7F7F6 como 100%.

0.0%	0.0% #ACE5E2	RGB 172 229 226	#ACE5E2
16.7%	16.7% #B5E8E5	RGB 181 232 229	#B5E8E5
33.3%	33.3% #BEEBE8	RGB 190 235 232	#BEEBE8
50.0%	50.0% #C8EEEB	RGB 200 238 235	#C8EEEB
66.7%	66.7% #D2F1EF	RGB 210 241 239	#D2F1EF
83.3%	83.3% #DCF4F2	RGB 220 244 242	#DCF4F2
100.0%	100.0% #E7F7F6	RGB 231 247 246	#E7F7F6

#ACE5E2 #B5E8E5 #BEEBE8 #C8EEEB #D2F1EF #DCF4F2 #E7F7F6

#ACE5E2 - #C8EEEB - #E7F7F6

Códigos CSS

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

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