#2D9797 - #A9DBA4 | 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 #2D9797 a #A9DBA4

#2D9797 #A9DBA4

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

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

0.0%	0.0% #2D9797	RGB 45 151 151	#2D9797
16.7%	16.7% #41A299	RGB 65 162 153	#41A299
33.3%	33.3% #56AD9B	RGB 86 173 155	#56AD9B
50.0%	50.0% #6BB99D	RGB 107 185 157	#6BB99D
66.7%	66.7% #7FC49F	RGB 127 196 159	#7FC49F
83.3%	83.3% #94CFA1	RGB 148 207 161	#94CFA1
100.0%	100.0% #A9DBA4	RGB 169 219 164	#A9DBA4

#2D9797 #41A299 #56AD9B #6BB99D #7FC49F #94CFA1 #A9DBA4

#2D9797 - #A9DBA4

Mezcla HSV

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

0.0%	0.0% #2D9797	RGB 45 151 151	#2D9797
16.7%	16.7% #3CA28F	RGB 60 162 143	#3CA28F
33.3%	33.3% #4DAD8A	RGB 77 173 138	#4DAD8A
50.0%	50.0% #60B988	RGB 96 185 136	#60B988
66.7%	66.7% #75C48B	RGB 117 196 139	#75C48B
83.3%	83.3% #8BCF92	RGB 139 207 146	#8BCF92
100.0%	100.0% #A9DBA4	RGB 169 219 164	#A9DBA4

#2D9797 #3CA28F #4DAD8A #60B988 #75C48B #8BCF92 #A9DBA4

#2D9797 - #60B988 - #A9DBA4

Códigos CSS

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

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