#91E5E5 - #1DBEC0 | 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 #91E5E5 a #1DBEC0

#91E5E5 #1DBEC0

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

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

0.0%	0.0% #91E5E5	RGB 145 229 229	#91E5E5
16.7%	16.7% #7DDEDE	RGB 125 222 222	#7DDEDE
33.3%	33.3% #6AD8D8	RGB 106 216 216	#6AD8D8
50.0%	50.0% #57D1D2	RGB 87 209 210	#57D1D2
66.7%	66.7% #43CBCC	RGB 67 203 204	#43CBCC
83.3%	83.3% #30C4C6	RGB 48 196 198	#30C4C6
100.0%	100.0% #1DBEC0	RGB 29 190 192	#1DBEC0

#91E5E5 #7DDEDE #6AD8D8 #57D1D2 #43CBCC #30C4C6 #1DBEC0

#91E5E5 - #1DBEC0

Mezcla HSV

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

0.0%	0.0% #91E5E5	RGB 145 229 229	#91E5E5
16.7%	16.7% #7BDEDE	RGB 123 222 222	#7BDEDE
33.3%	33.3% #66D8D8	RGB 102 216 216	#66D8D8
50.0%	50.0% #52D1D2	RGB 82 209 210	#52D1D2
66.7%	66.7% #3FCBCC	RGB 63 203 204	#3FCBCC
83.3%	83.3% #2DC4C6	RGB 45 196 198	#2DC4C6
100.0%	100.0% #1DBEC0	RGB 29 190 192	#1DBEC0

#91E5E5 #7BDEDE #66D8D8 #52D1D2 #3FCBCC #2DC4C6 #1DBEC0

#91E5E5 - #52D1D2 - #1DBEC0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91E5E5 0%, #52D1D2 50%, #1DBEC0 100%);
    background: -webkit-linear-gradient(top, #91E5E5 0%, #52D1D2 50%, #1DBEC0 100%);
    background: linear-gradient(to bottom, #91E5E5 0%, #52D1D2 50%, #1DBEC0 100%);
}
</style>