#9FF2F2 - #2D4545 | 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 #9FF2F2 a #2D4545

#9FF2F2 #2D4545

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

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

0.0%	0.0% #9FF2F2	RGB 159 242 242	#9FF2F2
16.7%	16.7% #8CD5D5	RGB 140 213 213	#8CD5D5
33.3%	33.3% #79B8B8	RGB 121 184 184	#79B8B8
50.0%	50.0% #669B9B	RGB 102 155 155	#669B9B
66.7%	66.7% #537E7E	RGB 83 126 126	#537E7E
83.3%	83.3% #406161	RGB 64 97 97	#406161
100.0%	100.0% #2D4545	RGB 45 69 69	#2D4545

#9FF2F2 #8CD5D5 #79B8B8 #669B9B #537E7E #406161 #2D4545

#9FF2F2 - #2D4545

Mezcla HSV

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

0.0%	0.0% #9FF2F2	RGB 159 242 242	#9FF2F2
16.7%	16.7% #8BD5D5	RGB 139 213 213	#8BD5D5
33.3%	33.3% #78B8B8	RGB 120 184 184	#78B8B8
50.0%	50.0% #659B9B	RGB 101 155 155	#659B9B
66.7%	66.7% #527E7E	RGB 82 126 126	#527E7E
83.3%	83.3% #3F6161	RGB 63 97 97	#3F6161
100.0%	100.0% #2D4545	RGB 45 69 69	#2D4545

#9FF2F2 #8BD5D5 #78B8B8 #659B9B #527E7E #3F6161 #2D4545

#9FF2F2 - #659B9B - #2D4545

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FF2F2 0%, #659B9B 50%, #2D4545 100%);
    background: -webkit-linear-gradient(top, #9FF2F2 0%, #659B9B 50%, #2D4545 100%);
    background: linear-gradient(to bottom, #9FF2F2 0%, #659B9B 50%, #2D4545 100%);
}
</style>