#83DCAB - #DBF5E7 | 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 #83DCAB a #DBF5E7

#83DCAB #DBF5E7

Calcule el color entre dos colores, #83DCAB y #DBF5E7. 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)

#83DCAB - #DBF5E7 | 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 #83DCAB como 0% y #DBF5E7 como 100%.

0.0%	0.0% #83DCAB	RGB 131 220 171	#83DCAB
16.7%	16.7% #91E0B5	RGB 145 224 181	#91E0B5
33.3%	33.3% #A0E4BF	RGB 160 228 191	#A0E4BF
50.0%	50.0% #AFE8C9	RGB 175 232 201	#AFE8C9
66.7%	66.7% #BDECD3	RGB 189 236 211	#BDECD3
83.3%	83.3% #CCF0DD	RGB 204 240 221	#CCF0DD
100.0%	100.0% #DBF5E7	RGB 219 245 231	#DBF5E7

#83DCAB #91E0B5 #A0E4BF #AFE8C9 #BDECD3 #CCF0DD #DBF5E7

#83DCAB - #DBF5E7

Mezcla HSV

#83DCAB - #DBF5E7 | 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 #83DCAB como 0% y #DBF5E7 como 100%.

0.0%	0.0% #83DCAB	RGB 131 220 171	#83DCAB
16.7%	16.7% #90E0B4	RGB 144 224 180	#90E0B4
33.3%	33.3% #9EE4BE	RGB 158 228 190	#9EE4BE
50.0%	50.0% #ADE8C8	RGB 173 232 200	#ADE8C8
66.7%	66.7% #BCECD2	RGB 188 236 210	#BCECD2
83.3%	83.3% #CBF0DC	RGB 203 240 220	#CBF0DC
100.0%	100.0% #DBF5E7	RGB 219 245 231	#DBF5E7

#83DCAB #90E0B4 #9EE4BE #ADE8C8 #BCECD2 #CBF0DC #DBF5E7

#83DCAB - #ADE8C8 - #DBF5E7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83DCAB 0%, #ADE8C8 50%, #DBF5E7 100%);
    background: -webkit-linear-gradient(top, #83DCAB 0%, #ADE8C8 50%, #DBF5E7 100%);
    background: linear-gradient(to bottom, #83DCAB 0%, #ADE8C8 50%, #DBF5E7 100%);
}
</style>