#74C2B5 - #27928A | 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 #74C2B5 a #27928A

#74C2B5 #27928A

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

#74C2B5 - #27928A | 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 #74C2B5 como 0% y #27928A como 100%.

0.0%	0.0% #74C2B5	RGB 116 194 181	#74C2B5
16.7%	16.7% #67BAAD	RGB 103 186 173	#67BAAD
33.3%	33.3% #5AB2A6	RGB 90 178 166	#5AB2A6
50.0%	50.0% #4DAA9F	RGB 77 170 159	#4DAA9F
66.7%	66.7% #40A298	RGB 64 162 152	#40A298
83.3%	83.3% #339A91	RGB 51 154 145	#339A91
100.0%	100.0% #27928A	RGB 39 146 138	#27928A

#74C2B5 #67BAAD #5AB2A6 #4DAA9F #40A298 #339A91 #27928A

#74C2B5 - #27928A

Mezcla HSV

#74C2B5 - #27928A | 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 #74C2B5 como 0% y #27928A como 100%.

0.0%	0.0% #74C2B5	RGB 116 194 181	#74C2B5
16.7%	16.7% #64BAAD	RGB 100 186 173	#64BAAD
33.3%	33.3% #56B2A5	RGB 86 178 165	#56B2A5
50.0%	50.0% #49AA9E	RGB 73 170 158	#49AA9E
66.7%	66.7% #3DA297	RGB 61 162 151	#3DA297
83.3%	83.3% #319A90	RGB 49 154 144	#319A90
100.0%	100.0% #27928A	RGB 39 146 138	#27928A

#74C2B5 #64BAAD #56B2A5 #49AA9E #3DA297 #319A90 #27928A

#74C2B5 - #49AA9E - #27928A

Códigos CSS

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

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