#ABC8D2 - #EAE2D9 | 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 #ABC8D2 a #EAE2D9

#ABC8D2 #EAE2D9

Calcule el color entre dos colores, #ABC8D2 y #EAE2D9. 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)

#ABC8D2 - #EAE2D9 | 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 #ABC8D2 como 0% y #EAE2D9 como 100%.

0.0%	0.0% #ABC8D2	RGB 171 200 210	#ABC8D2
16.7%	16.7% #B5CCD3	RGB 181 204 211	#B5CCD3
33.3%	33.3% #C0D0D4	RGB 192 208 212	#C0D0D4
50.0%	50.0% #CAD5D5	RGB 202 213 213	#CAD5D5
66.7%	66.7% #D5D9D6	RGB 213 217 214	#D5D9D6
83.3%	83.3% #DFDDD7	RGB 223 221 215	#DFDDD7
100.0%	100.0% #EAE2D9	RGB 234 226 217	#EAE2D9

#ABC8D2 #B5CCD3 #C0D0D4 #CAD5D5 #D5D9D6 #DFDDD7 #EAE2D9

#ABC8D2 - #EAE2D9

Mezcla HSV

#ABC8D2 - #EAE2D9 | 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 #ABC8D2 como 0% y #EAE2D9 como 100%.

0.0%	0.0% #ABC8D2	RGB 171 200 210	#ABC8D2
16.7%	16.7% #B2D6CE	RGB 178 214 206	#B2D6CE
33.3%	33.3% #B9DAC4	RGB 185 218 196	#B9DAC4
50.0%	50.0% #C4DEC1	RGB 196 222 193	#C4DEC1
66.7%	66.7% #D7E2C9	RGB 215 226 201	#D7E2C9
83.3%	83.3% #E6E5D0	RGB 230 229 208	#E6E5D0
100.0%	100.0% #EAE2D9	RGB 234 226 217	#EAE2D9

#ABC8D2 #B2D6CE #B9DAC4 #C4DEC1 #D7E2C9 #E6E5D0 #EAE2D9

#ABC8D2 - #C4DEC1 - #EAE2D9

Códigos CSS

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

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