#2D7B5E - #A3C880 | 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 #2D7B5E a #A3C880

#2D7B5E #A3C880

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

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

0.0%	0.0% #2D7B5E	RGB 45 123 94	#2D7B5E
16.7%	16.7% #408763	RGB 64 135 99	#408763
33.3%	33.3% #549469	RGB 84 148 105	#549469
50.0%	50.0% #68A16F	RGB 104 161 111	#68A16F
66.7%	66.7% #7BAE74	RGB 123 174 116	#7BAE74
83.3%	83.3% #8FBB7A	RGB 143 187 122	#8FBB7A
100.0%	100.0% #A3C880	RGB 163 200 128	#A3C880

#2D7B5E #408763 #549469 #68A16F #7BAE74 #8FBB7A #A3C880

#2D7B5E - #A3C880

Mezcla HSV

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

0.0%	0.0% #2D7B5E	RGB 45 123 94	#2D7B5E
16.7%	16.7% #37875B	RGB 55 135 91	#37875B
33.3%	33.3% #439458	RGB 67 148 88	#439458
50.0%	50.0% #51A156	RGB 81 161 86	#51A156
66.7%	66.7% #68AE5F	RGB 104 174 95	#68AE5F
83.3%	83.3% #86BB6F	RGB 134 187 111	#86BB6F
100.0%	100.0% #A3C880	RGB 163 200 128	#A3C880

#2D7B5E #37875B #439458 #51A156 #68AE5F #86BB6F #A3C880

#2D7B5E - #51A156 - #A3C880

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D7B5E 0%, #51A156 50%, #A3C880 100%);
    background: -webkit-linear-gradient(top, #2D7B5E 0%, #51A156 50%, #A3C880 100%);
    background: linear-gradient(to bottom, #2D7B5E 0%, #51A156 50%, #A3C880 100%);
}
</style>