#1F9090 - #9EDBA3 | 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 #1F9090 a #9EDBA3

#1F9090 #9EDBA3

Calcule el color entre dos colores, #1F9090 y #9EDBA3. 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)

#1F9090 - #9EDBA3 | 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 #1F9090 como 0% y #9EDBA3 como 100%.

0.0%	0.0% #1F9090	RGB 31 144 144	#1F9090
16.7%	16.7% #349C93	RGB 52 156 147	#349C93
33.3%	33.3% #49A996	RGB 73 169 150	#49A996
50.0%	50.0% #5EB599	RGB 94 181 153	#5EB599
66.7%	66.7% #73C29C	RGB 115 194 156	#73C29C
83.3%	83.3% #88CE9F	RGB 136 206 159	#88CE9F
100.0%	100.0% #9EDBA3	RGB 158 219 163	#9EDBA3

#1F9090 #349C93 #49A996 #5EB599 #73C29C #88CE9F #9EDBA3

#1F9090 - #9EDBA3

Mezcla HSV

#1F9090 - #9EDBA3 | 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 #1F9090 como 0% y #9EDBA3 como 100%.

0.0%	0.0% #1F9090	RGB 31 144 144	#1F9090
16.7%	16.7% #2E9C8B	RGB 46 156 139	#2E9C8B
33.3%	33.3% #40A989	RGB 64 169 137	#40A989
50.0%	50.0% #55B589	RGB 85 181 137	#55B589
66.7%	66.7% #6BC28C	RGB 107 194 140	#6BC28C
83.3%	83.3% #83CE95	RGB 131 206 149	#83CE95
100.0%	100.0% #9EDBA3	RGB 158 219 163	#9EDBA3

#1F9090 #2E9C8B #40A989 #55B589 #6BC28C #83CE95 #9EDBA3

#1F9090 - #55B589 - #9EDBA3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F9090 0%, #55B589 50%, #9EDBA3 100%);
    background: -webkit-linear-gradient(top, #1F9090 0%, #55B589 50%, #9EDBA3 100%);
    background: linear-gradient(to bottom, #1F9090 0%, #55B589 50%, #9EDBA3 100%);
}
</style>