#48F2F2 - #DBECB6 | 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 #48F2F2 a #DBECB6

#48F2F2 #DBECB6

Calcule el color entre dos colores, #48F2F2 y #DBECB6. 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)

#48F2F2 - #DBECB6 | 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 #48F2F2 como 0% y #DBECB6 como 100%.

0.0%	0.0% #48F2F2	RGB 72 242 242	#48F2F2
16.7%	16.7% #60F1E8	RGB 96 241 232	#60F1E8
33.3%	33.3% #79F0DE	RGB 121 240 222	#79F0DE
50.0%	50.0% #91EFD4	RGB 145 239 212	#91EFD4
66.7%	66.7% #AAEECA	RGB 170 238 202	#AAEECA
83.3%	83.3% #C2EDC0	RGB 194 237 192	#C2EDC0
100.0%	100.0% #DBECB6	RGB 219 236 182	#DBECB6

#48F2F2 #60F1E8 #79F0DE #91EFD4 #AAEECA #C2EDC0 #DBECB6

#48F2F2 - #DBECB6

Mezcla HSV

#48F2F2 - #DBECB6 | 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 #48F2F2 como 0% y #DBECB6 como 100%.

0.0%	0.0% #47F2F2	RGB 71 242 242	#47F2F2
16.7%	16.7% #5AF1C6	RGB 90 241 198	#5AF1C6
33.3%	33.3% #6DF0A6	RGB 109 240 166	#6DF0A6
50.0%	50.0% #7FEF91	RGB 127 239 145	#7FEF91
66.7%	66.7% #9DEE91	RGB 157 238 145	#9DEE91
83.3%	83.3% #C1EDA4	RGB 193 237 164	#C1EDA4
100.0%	100.0% #DBECB6	RGB 219 236 182	#DBECB6

#47F2F2 #5AF1C6 #6DF0A6 #7FEF91 #9DEE91 #C1EDA4 #DBECB6

#48F2F2 - #7FEF91 - #DBECB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47F2F2 0%, #7FEF91 50%, #DBECB6 100%);
    background: -webkit-linear-gradient(top, #47F2F2 0%, #7FEF91 50%, #DBECB6 100%);
    background: linear-gradient(to bottom, #47F2F2 0%, #7FEF91 50%, #DBECB6 100%);
}
</style>