#5EADB6 - #E2DEC7 | 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 #5EADB6 a #E2DEC7

#5EADB6 #E2DEC7

Calcule el color entre dos colores, #5EADB6 y #E2DEC7. 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)

#5EADB6 - #E2DEC7 | 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 #5EADB6 como 0% y #E2DEC7 como 100%.

0.0%	0.0% #5EADB6	RGB 94 173 182	#5EADB6
16.7%	16.7% #74B5B8	RGB 116 181 184	#74B5B8
33.3%	33.3% #8ABDBB	RGB 138 189 187	#8ABDBB
50.0%	50.0% #A0C5BE	RGB 160 197 190	#A0C5BE
66.7%	66.7% #B6CDC1	RGB 182 205 193	#B6CDC1
83.3%	83.3% #CCD5C4	RGB 204 213 196	#CCD5C4
100.0%	100.0% #E2DEC7	RGB 226 222 199	#E2DEC7

#5EADB6 #74B5B8 #8ABDBB #A0C5BE #B6CDC1 #CCD5C4 #E2DEC7

#5EADB6 - #E2DEC7

Mezcla HSV

#5EADB6 - #E2DEC7 | 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 #5EADB6 como 0% y #E2DEC7 como 100%.

0.0%	0.0% #5EADB6	RGB 94 173 182	#5EADB6
16.7%	16.7% #6DBDA7	RGB 109 189 167	#6DBDA7
33.3%	33.3% #7DC496	RGB 125 196 150	#7DC496
50.0%	50.0% #8FCC8E	RGB 143 204 142	#8FCC8E
66.7%	66.7% #B4D3A0	RGB 180 211 160	#B4D3A0
83.3%	83.3% #D1DAB3	RGB 209 218 179	#D1DAB3
100.0%	100.0% #E2DEC7	RGB 226 222 199	#E2DEC7

#5EADB6 #6DBDA7 #7DC496 #8FCC8E #B4D3A0 #D1DAB3 #E2DEC7

#5EADB6 - #8FCC8E - #E2DEC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EADB6 0%, #8FCC8E 50%, #E2DEC7 100%);
    background: -webkit-linear-gradient(top, #5EADB6 0%, #8FCC8E 50%, #E2DEC7 100%);
    background: linear-gradient(to bottom, #5EADB6 0%, #8FCC8E 50%, #E2DEC7 100%);
}
</style>