#DAE5E2 - #8DC4AF | 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 #DAE5E2 a #8DC4AF

#DAE5E2 #8DC4AF

Calcule el color entre dos colores, #DAE5E2 y #8DC4AF. 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)

#DAE5E2 - #8DC4AF | 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 #DAE5E2 como 0% y #8DC4AF como 100%.

0.0%	0.0% #DAE5E2	RGB 218 229 226	#DAE5E2
16.7%	16.7% #CDDFD9	RGB 205 223 217	#CDDFD9
33.3%	33.3% #C0DAD1	RGB 192 218 209	#C0DAD1
50.0%	50.0% #B3D4C8	RGB 179 212 200	#B3D4C8
66.7%	66.7% #A6CFC0	RGB 166 207 192	#A6CFC0
83.3%	83.3% #99C9B7	RGB 153 201 183	#99C9B7
100.0%	100.0% #8DC4AF	RGB 141 196 175	#8DC4AF

#DAE5E2 #CDDFD9 #C0DAD1 #B3D4C8 #A6CFC0 #99C9B7 #8DC4AF

#DAE5E2 - #8DC4AF

Mezcla HSV

#DAE5E2 - #8DC4AF | 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 #DAE5E2 como 0% y #8DC4AF como 100%.

0.0%	0.0% #DAE5E2	RGB 218 229 226	#DAE5E2
16.7%	16.7% #CCDFD9	RGB 204 223 217	#CCDFD9
33.3%	33.3% #BEDAD1	RGB 190 218 209	#BEDAD1
50.0%	50.0% #B1D4C9	RGB 177 212 201	#B1D4C9
66.7%	66.7% #A4CFC0	RGB 164 207 192	#A4CFC0
83.3%	83.3% #98C9B7	RGB 152 201 183	#98C9B7
100.0%	100.0% #8DC4AF	RGB 141 196 175	#8DC4AF

#DAE5E2 #CCDFD9 #BEDAD1 #B1D4C9 #A4CFC0 #98C9B7 #8DC4AF

#DAE5E2 - #B1D4C9 - #8DC4AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAE5E2 0%, #B1D4C9 50%, #8DC4AF 100%);
    background: -webkit-linear-gradient(top, #DAE5E2 0%, #B1D4C9 50%, #8DC4AF 100%);
    background: linear-gradient(to bottom, #DAE5E2 0%, #B1D4C9 50%, #8DC4AF 100%);
}
</style>