#9FDCBA - #2D3E35 | 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 #9FDCBA a #2D3E35

#9FDCBA #2D3E35

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

#9FDCBA - #2D3E35 | 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 #9FDCBA como 0% y #2D3E35 como 100%.

0.0%	0.0% #9FDCBA	RGB 159 220 186	#9FDCBA
16.7%	16.7% #8CC1A3	RGB 140 193 163	#8CC1A3
33.3%	33.3% #79A78D	RGB 121 167 141	#79A78D
50.0%	50.0% #668D77	RGB 102 141 119	#668D77
66.7%	66.7% #537261	RGB 83 114 97	#537261
83.3%	83.3% #40584B	RGB 64 88 75	#40584B
100.0%	100.0% #2D3E35	RGB 45 62 53	#2D3E35

#9FDCBA #8CC1A3 #79A78D #668D77 #537261 #40584B #2D3E35

#9FDCBA - #2D3E35

Mezcla HSV

#9FDCBA - #2D3E35 | 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 #9FDCBA como 0% y #2D3E35 como 100%.

0.0%	0.0% #9FDCBA	RGB 159 220 186	#9FDCBA
16.7%	16.7% #8CC1A4	RGB 140 193 164	#8CC1A4
33.3%	33.3% #79A78D	RGB 121 167 141	#79A78D
50.0%	50.0% #668D77	RGB 102 141 119	#668D77
66.7%	66.7% #537261	RGB 83 114 97	#537261
83.3%	83.3% #40584B	RGB 64 88 75	#40584B
100.0%	100.0% #2D3E35	RGB 45 62 53	#2D3E35

#9FDCBA #8CC1A4 #79A78D #668D77 #537261 #40584B #2D3E35

#9FDCBA - #668D77 - #2D3E35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FDCBA 0%, #668D77 50%, #2D3E35 100%);
    background: -webkit-linear-gradient(top, #9FDCBA 0%, #668D77 50%, #2D3E35 100%);
    background: linear-gradient(to bottom, #9FDCBA 0%, #668D77 50%, #2D3E35 100%);
}
</style>