#53EDED - #DBEAB8 | 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 #53EDED a #DBEAB8

#53EDED #DBEAB8

Calcule el color entre dos colores, #53EDED y #DBEAB8. 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)

#53EDED - #DBEAB8 | 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 #53EDED como 0% y #DBEAB8 como 100%.

0.0%	0.0% #53EDED	RGB 83 237 237	#53EDED
16.7%	16.7% #69ECE4	RGB 105 236 228	#69ECE4
33.3%	33.3% #80ECDB	RGB 128 236 219	#80ECDB
50.0%	50.0% #97EBD2	RGB 151 235 210	#97EBD2
66.7%	66.7% #ADEBC9	RGB 173 235 201	#ADEBC9
83.3%	83.3% #C4EAC0	RGB 196 234 192	#C4EAC0
100.0%	100.0% #DBEAB8	RGB 219 234 184	#DBEAB8

#53EDED #69ECE4 #80ECDB #97EBD2 #ADEBC9 #C4EAC0 #DBEAB8

#53EDED - #DBEAB8

Mezcla HSV

#53EDED - #DBEAB8 | 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 #53EDED como 0% y #DBEAB8 como 100%.

0.0%	0.0% #53EDED	RGB 83 237 237	#53EDED
16.7%	16.7% #64ECC5	RGB 100 236 197	#64ECC5
33.3%	33.3% #74ECA8	RGB 116 236 168	#74ECA8
50.0%	50.0% #85EB95	RGB 133 235 149	#85EB95
66.7%	66.7% #A1EB96	RGB 161 235 150	#A1EB96
83.3%	83.3% #C3EAA7	RGB 195 234 167	#C3EAA7
100.0%	100.0% #DBEAB8	RGB 219 234 184	#DBEAB8

#53EDED #64ECC5 #74ECA8 #85EB95 #A1EB96 #C3EAA7 #DBEAB8

#53EDED - #85EB95 - #DBEAB8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53EDED 0%, #85EB95 50%, #DBEAB8 100%);
    background: -webkit-linear-gradient(top, #53EDED 0%, #85EB95 50%, #DBEAB8 100%);
    background: linear-gradient(to bottom, #53EDED 0%, #85EB95 50%, #DBEAB8 100%);
}
</style>