#74C29D - #279269 | 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 #74C29D a #279269

#74C29D #279269

Calcule el color entre dos colores, #74C29D y #279269. 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)

#74C29D - #279269 | 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 #74C29D como 0% y #279269 como 100%.

0.0%	0.0% #74C29D	RGB 116 194 157	#74C29D
16.7%	16.7% #67BA94	RGB 103 186 148	#67BA94
33.3%	33.3% #5AB28B	RGB 90 178 139	#5AB28B
50.0%	50.0% #4DAA83	RGB 77 170 131	#4DAA83
66.7%	66.7% #40A27A	RGB 64 162 122	#40A27A
83.3%	83.3% #339A71	RGB 51 154 113	#339A71
100.0%	100.0% #279269	RGB 39 146 105	#279269

#74C29D #67BA94 #5AB28B #4DAA83 #40A27A #339A71 #279269

#74C29D - #279269

Mezcla HSV

#74C29D - #279269 | 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 #74C29D como 0% y #279269 como 100%.

0.0%	0.0% #74C29D	RGB 116 194 157	#74C29D
16.7%	16.7% #64BA92	RGB 100 186 146	#64BA92
33.3%	33.3% #56B289	RGB 86 178 137	#56B289
50.0%	50.0% #49AA80	RGB 73 170 128	#49AA80
66.7%	66.7% #3DA278	RGB 61 162 120	#3DA278
83.3%	83.3% #319A70	RGB 49 154 112	#319A70
100.0%	100.0% #279269	RGB 39 146 105	#279269

#74C29D #64BA92 #56B289 #49AA80 #3DA278 #319A70 #279269

#74C29D - #49AA80 - #279269

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74C29D 0%, #49AA80 50%, #279269 100%);
    background: -webkit-linear-gradient(top, #74C29D 0%, #49AA80 50%, #279269 100%);
    background: linear-gradient(to bottom, #74C29D 0%, #49AA80 50%, #279269 100%);
}
</style>