#339292 - #A8D6A0 | 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 #339292 a #A8D6A0

#339292 #A8D6A0

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

#339292 - #A8D6A0 | 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 #339292 como 0% y #A8D6A0 como 100%.

0.0%	0.0% #339292	RGB 51 146 146	#339292
16.7%	16.7% #469D94	RGB 70 157 148	#469D94
33.3%	33.3% #5AA896	RGB 90 168 150	#5AA896
50.0%	50.0% #6DB499	RGB 109 180 153	#6DB499
66.7%	66.7% #81BF9B	RGB 129 191 155	#81BF9B
83.3%	83.3% #94CA9D	RGB 148 202 157	#94CA9D
100.0%	100.0% #A8D6A0	RGB 168 214 160	#A8D6A0

#339292 #469D94 #5AA896 #6DB499 #81BF9B #94CA9D #A8D6A0

#339292 - #A8D6A0

Mezcla HSV

#339292 - #A8D6A0 | 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 #339292 como 0% y #A8D6A0 como 100%.

0.0%	0.0% #339292	RGB 51 146 146	#339292
16.7%	16.7% #419D8B	RGB 65 157 139	#419D8B
33.3%	33.3% #51A887	RGB 81 168 135	#51A887
50.0%	50.0% #62B485	RGB 98 180 133	#62B485
66.7%	66.7% #75BF86	RGB 117 191 134	#75BF86
83.3%	83.3% #8ACA8C	RGB 138 202 140	#8ACA8C
100.0%	100.0% #A8D6A0	RGB 168 214 160	#A8D6A0

#339292 #419D8B #51A887 #62B485 #75BF86 #8ACA8C #A8D6A0

#339292 - #62B485 - #A8D6A0

Códigos CSS

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

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