#1E8080 - #91CF9A | 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 #1E8080 a #91CF9A

#1E8080 #91CF9A

Calcule el color entre dos colores, #1E8080 y #91CF9A. 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)

#1E8080 - #91CF9A | 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 #1E8080 como 0% y #91CF9A como 100%.

0.0%	0.0% #1E8080	RGB 30 128 128	#1E8080
16.7%	16.7% #318D84	RGB 49 141 132	#318D84
33.3%	33.3% #449A88	RGB 68 154 136	#449A88
50.0%	50.0% #57A78D	RGB 87 167 141	#57A78D
66.7%	66.7% #6AB491	RGB 106 180 145	#6AB491
83.3%	83.3% #7DC195	RGB 125 193 149	#7DC195
100.0%	100.0% #91CF9A	RGB 145 207 154	#91CF9A

#1E8080 #318D84 #449A88 #57A78D #6AB491 #7DC195 #91CF9A

#1E8080 - #91CF9A

Mezcla HSV

#1E8080 - #91CF9A | 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 #1E8080 como 0% y #91CF9A como 100%.

0.0%	0.0% #1E8080	RGB 30 128 128	#1E8080
16.7%	16.7% #2C8D7F	RGB 44 141 127	#2C8D7F
33.3%	33.3% #3C9A7F	RGB 60 154 127	#3C9A7F
50.0%	50.0% #4EA781	RGB 78 167 129	#4EA781
66.7%	66.7% #62B485	RGB 98 180 133	#62B485
83.3%	83.3% #78C18D	RGB 120 193 141	#78C18D
100.0%	100.0% #91CF9A	RGB 145 207 154	#91CF9A

#1E8080 #2C8D7F #3C9A7F #4EA781 #62B485 #78C18D #91CF9A

#1E8080 - #4EA781 - #91CF9A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E8080 0%, #4EA781 50%, #91CF9A 100%);
    background: -webkit-linear-gradient(top, #1E8080 0%, #4EA781 50%, #91CF9A 100%);
    background: linear-gradient(to bottom, #1E8080 0%, #4EA781 50%, #91CF9A 100%);
}
</style>