#ABC6AD - #E0E2B9 | 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 #ABC6AD a #E0E2B9

#ABC6AD #E0E2B9

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

#ABC6AD - #E0E2B9 | 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 #ABC6AD como 0% y #E0E2B9 como 100%.

0.0%	0.0% #ABC6AD	RGB 171 198 173	#ABC6AD
16.7%	16.7% #B3CAAF	RGB 179 202 175	#B3CAAF
33.3%	33.3% #BCCFB1	RGB 188 207 177	#BCCFB1
50.0%	50.0% #C5D4B3	RGB 197 212 179	#C5D4B3
66.7%	66.7% #CED8B5	RGB 206 216 181	#CED8B5
83.3%	83.3% #D7DDB7	RGB 215 221 183	#D7DDB7
100.0%	100.0% #E0E2B9	RGB 224 226 185	#E0E2B9

#ABC6AD #B3CAAF #BCCFB1 #C5D4B3 #CED8B5 #D7DDB7 #E0E2B9

#ABC6AD - #E0E2B9

Mezcla HSV

#ABC6AD - #E0E2B9 | 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 #ABC6AD como 0% y #E0E2B9 como 100%.

0.0%	0.0% #ABC6AD	RGB 171 198 173	#ABC6AD
16.7%	16.7% #B0CAAD	RGB 176 202 173	#B0CAAD
33.3%	33.3% #B8CFAF	RGB 184 207 175	#B8CFAF
50.0%	50.0% #C1D4B2	RGB 193 212 178	#C1D4B2
66.7%	66.7% #CAD8B4	RGB 202 216 180	#CAD8B4
83.3%	83.3% #D4DDB6	RGB 212 221 182	#D4DDB6
100.0%	100.0% #E0E2B9	RGB 224 226 185	#E0E2B9

#ABC6AD #B0CAAD #B8CFAF #C1D4B2 #CAD8B4 #D4DDB6 #E0E2B9

#ABC6AD - #C1D4B2 - #E0E2B9

Códigos CSS

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

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