#ACE5E4 - #3ABCBC | 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 #ACE5E4 a #3ABCBC

#ACE5E4 #3ABCBC

Calcule el color entre dos colores, #ACE5E4 y #3ABCBC. 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)

#ACE5E4 - #3ABCBC | 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 #ACE5E4 como 0% y #3ABCBC como 100%.

0.0%	0.0% #ACE5E4	RGB 172 229 228	#ACE5E4
16.7%	16.7% #99DEDD	RGB 153 222 221	#99DEDD
33.3%	33.3% #86D7D6	RGB 134 215 214	#86D7D6
50.0%	50.0% #73D0D0	RGB 115 208 208	#73D0D0
66.7%	66.7% #60C9C9	RGB 96 201 201	#60C9C9
83.3%	83.3% #4DC2C2	RGB 77 194 194	#4DC2C2
100.0%	100.0% #3ABCBC	RGB 58 188 188	#3ABCBC

#ACE5E4 #99DEDD #86D7D6 #73D0D0 #60C9C9 #4DC2C2 #3ABCBC

#ACE5E4 - #3ABCBC

Mezcla HSV

#ACE5E4 - #3ABCBC | 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 #ACE5E4 como 0% y #3ABCBC como 100%.

0.0%	0.0% #ACE5E4	RGB 172 229 228	#ACE5E4
16.7%	16.7% #96DEDD	RGB 150 222 221	#96DEDD
33.3%	33.3% #81D7D6	RGB 129 215 214	#81D7D6
50.0%	50.0% #6ED0CF	RGB 110 208 207	#6ED0CF
66.7%	66.7% #5BC9C9	RGB 91 201 201	#5BC9C9
83.3%	83.3% #4AC2C2	RGB 74 194 194	#4AC2C2
100.0%	100.0% #3ABCBC	RGB 58 188 188	#3ABCBC

#ACE5E4 #96DEDD #81D7D6 #6ED0CF #5BC9C9 #4AC2C2 #3ABCBC

#ACE5E4 - #6ED0CF - #3ABCBC

Códigos CSS

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

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