#89DFB0 - #DDF5E8 | 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 #89DFB0 a #DDF5E8

#89DFB0 #DDF5E8

Calcule el color entre dos colores, #89DFB0 y #DDF5E8. 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)

#89DFB0 - #DDF5E8 | 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 #89DFB0 como 0% y #DDF5E8 como 100%.

0.0%	0.0% #89DFB0	RGB 137 223 176	#89DFB0
16.7%	16.7% #97E2B9	RGB 151 226 185	#97E2B9
33.3%	33.3% #A5E6C2	RGB 165 230 194	#A5E6C2
50.0%	50.0% #B3EACC	RGB 179 234 204	#B3EACC
66.7%	66.7% #C1EDD5	RGB 193 237 213	#C1EDD5
83.3%	83.3% #CFF1DE	RGB 207 241 222	#CFF1DE
100.0%	100.0% #DDF5E8	RGB 221 245 232	#DDF5E8

#89DFB0 #97E2B9 #A5E6C2 #B3EACC #C1EDD5 #CFF1DE #DDF5E8

#89DFB0 - #DDF5E8

Mezcla HSV

#89DFB0 - #DDF5E8 | 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 #89DFB0 como 0% y #DDF5E8 como 100%.

0.0%	0.0% #89DFB0	RGB 137 223 176	#89DFB0
16.7%	16.7% #96E2B8	RGB 150 226 184	#96E2B8
33.3%	33.3% #A3E6C1	RGB 163 230 193	#A3E6C1
50.0%	50.0% #B1EACB	RGB 177 234 203	#B1EACB
66.7%	66.7% #BFEDD4	RGB 191 237 212	#BFEDD4
83.3%	83.3% #CEF1DE	RGB 206 241 222	#CEF1DE
100.0%	100.0% #DDF5E8	RGB 221 245 232	#DDF5E8

#89DFB0 #96E2B8 #A3E6C1 #B1EACB #BFEDD4 #CEF1DE #DDF5E8

#89DFB0 - #B1EACB - #DDF5E8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #89DFB0 0%, #B1EACB 50%, #DDF5E8 100%);
    background: -webkit-linear-gradient(top, #89DFB0 0%, #B1EACB 50%, #DDF5E8 100%);
    background: linear-gradient(to bottom, #89DFB0 0%, #B1EACB 50%, #DDF5E8 100%);
}
</style>