#74C2B5 - #97FFB5 | 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 #97FFB5

#74C2B5 #97FFB5

Calcule el color entre dos colores, #74C2B5 y #97FFB5. 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 - #97FFB5 | 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 #97FFB5 como 100%.

0.0%	0.0% #74C2B5	RGB 116 194 181	#74C2B5
16.7%	16.7% #79CCB5	RGB 121 204 181	#79CCB5
33.3%	33.3% #7FD6B5	RGB 127 214 181	#7FD6B5
50.0%	50.0% #85E0B5	RGB 133 224 181	#85E0B5
66.7%	66.7% #8BEAB5	RGB 139 234 181	#8BEAB5
83.3%	83.3% #91F4B5	RGB 145 244 181	#91F4B5
100.0%	100.0% #97FFB5	RGB 151 255 181	#97FFB5

#74C2B5 #79CCB5 #7FD6B5 #85E0B5 #8BEAB5 #91F4B5 #97FFB5

#74C2B5 - #97FFB5

Mezcla HSV

#74C2B5 - #97FFB5 | 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 #97FFB5 como 100%.

0.0%	0.0% #74C2B5	RGB 116 194 181	#74C2B5
16.7%	16.7% #79CCB6	RGB 121 204 182	#79CCB6
33.3%	33.3% #7FD6B8	RGB 127 214 184	#7FD6B8
50.0%	50.0% #85E0B8	RGB 133 224 184	#85E0B8
66.7%	66.7% #8BEAB8	RGB 139 234 184	#8BEAB8
83.3%	83.3% #91F4B6	RGB 145 244 182	#91F4B6
100.0%	100.0% #97FFB5	RGB 151 255 181	#97FFB5

#74C2B5 #79CCB6 #7FD6B8 #85E0B8 #8BEAB8 #91F4B6 #97FFB5

#74C2B5 - #85E0B8 - #97FFB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74C2B5 0%, #85E0B8 50%, #97FFB5 100%);
    background: -webkit-linear-gradient(top, #74C2B5 0%, #85E0B8 50%, #97FFB5 100%);
    background: linear-gradient(to bottom, #74C2B5 0%, #85E0B8 50%, #97FFB5 100%);
}
</style>