#5EBDBD - #D1ECEC | 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 #5EBDBD a #D1ECEC

#5EBDBD #D1ECEC

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

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

0.0%	0.0% #5EBDBD	RGB 94 189 189	#5EBDBD
16.7%	16.7% #71C4C4	RGB 113 196 196	#71C4C4
33.3%	33.3% #84CCCC	RGB 132 204 204	#84CCCC
50.0%	50.0% #97D4D4	RGB 151 212 212	#97D4D4
66.7%	66.7% #AADCDC	RGB 170 220 220	#AADCDC
83.3%	83.3% #BDE4E4	RGB 189 228 228	#BDE4E4
100.0%	100.0% #D1ECEC	RGB 209 236 236	#D1ECEC

#5EBDBD #71C4C4 #84CCCC #97D4D4 #AADCDC #BDE4E4 #D1ECEC

#5EBDBD - #D1ECEC

Mezcla HSV

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

0.0%	0.0% #5EBDBD	RGB 94 189 189	#5EBDBD
16.7%	16.7% #6EC4C4	RGB 110 196 196	#6EC4C4
33.3%	33.3% #80CCCC	RGB 128 204 204	#80CCCC
50.0%	50.0% #92D4D4	RGB 146 212 212	#92D4D4
66.7%	66.7% #A6DCDC	RGB 166 220 220	#A6DCDC
83.3%	83.3% #BBE4E4	RGB 187 228 228	#BBE4E4
100.0%	100.0% #D1ECEC	RGB 209 236 236	#D1ECEC

#5EBDBD #6EC4C4 #80CCCC #92D4D4 #A6DCDC #BBE4E4 #D1ECEC

#5EBDBD - #92D4D4 - #D1ECEC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBDBD 0%, #92D4D4 50%, #D1ECEC 100%);
    background: -webkit-linear-gradient(top, #5EBDBD 0%, #92D4D4 50%, #D1ECEC 100%);
    background: linear-gradient(to bottom, #5EBDBD 0%, #92D4D4 50%, #D1ECEC 100%);
}
</style>