#2C9797 - #A8DBA4 | 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 #2C9797 a #A8DBA4

#2C9797 #A8DBA4

Calcule el color entre dos colores, #2C9797 y #A8DBA4. 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)

#2C9797 - #A8DBA4 | 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 #2C9797 como 0% y #A8DBA4 como 100%.

0.0%	0.0% #2C9797	RGB 44 151 151	#2C9797
16.7%	16.7% #40A299	RGB 64 162 153	#40A299
33.3%	33.3% #55AD9B	RGB 85 173 155	#55AD9B
50.0%	50.0% #6AB99D	RGB 106 185 157	#6AB99D
66.7%	66.7% #7EC49F	RGB 126 196 159	#7EC49F
83.3%	83.3% #93CFA1	RGB 147 207 161	#93CFA1
100.0%	100.0% #A8DBA4	RGB 168 219 164	#A8DBA4

#2C9797 #40A299 #55AD9B #6AB99D #7EC49F #93CFA1 #A8DBA4

#2C9797 - #A8DBA4

Mezcla HSV

#2C9797 - #A8DBA4 | 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 #2C9797 como 0% y #A8DBA4 como 100%.

0.0%	0.0% #2C9797	RGB 44 151 151	#2C9797
16.7%	16.7% #3BA28F	RGB 59 162 143	#3BA28F
33.3%	33.3% #4DAD8B	RGB 77 173 139	#4DAD8B
50.0%	50.0% #60B989	RGB 96 185 137	#60B989
66.7%	66.7% #75C48B	RGB 117 196 139	#75C48B
83.3%	83.3% #8BCF92	RGB 139 207 146	#8BCF92
100.0%	100.0% #A8DBA4	RGB 168 219 164	#A8DBA4

#2C9797 #3BA28F #4DAD8B #60B989 #75C48B #8BCF92 #A8DBA4

#2C9797 - #60B989 - #A8DBA4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C9797 0%, #60B989 50%, #A8DBA4 100%);
    background: -webkit-linear-gradient(top, #2C9797 0%, #60B989 50%, #A8DBA4 100%);
    background: linear-gradient(to bottom, #2C9797 0%, #60B989 50%, #A8DBA4 100%);
}
</style>