#A8DFAA - #E2D9C7 | 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 #A8DFAA a #E2D9C7

#A8DFAA #E2D9C7

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

#A8DFAA - #E2D9C7 | 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 #A8DFAA como 0% y #E2D9C7 como 100%.

0.0%	0.0% #A8DFAA	RGB 168 223 170	#A8DFAA
16.7%	16.7% #B1DEAE	RGB 177 222 174	#B1DEAE
33.3%	33.3% #BBDDB3	RGB 187 221 179	#BBDDB3
50.0%	50.0% #C5DCB8	RGB 197 220 184	#C5DCB8
66.7%	66.7% #CEDBBD	RGB 206 219 189	#CEDBBD
83.3%	83.3% #D8DAC2	RGB 216 218 194	#D8DAC2
100.0%	100.0% #E2D9C7	RGB 226 217 199	#E2D9C7

#A8DFAA #B1DEAE #BBDDB3 #C5DCB8 #CEDBBD #D8DAC2 #E2D9C7

#A8DFAA - #E2D9C7

Mezcla HSV

#A8DFAA - #E2D9C7 | 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 #A8DFAA como 0% y #E2D9C7 como 100%.

0.0%	0.0% #A8DFAA	RGB 168 223 170	#A8DFAA
16.7%	16.7% #B6DFAD	RGB 182 223 173	#B6DFAD
33.3%	33.3% #C5E0B2	RGB 197 224 178	#C5E0B2
50.0%	50.0% #D2E0B7	RGB 210 224 183	#D2E0B7
66.7%	66.7% #DCE1BC	RGB 220 225 188	#DCE1BC
83.3%	83.3% #E1DEC1	RGB 225 222 193	#E1DEC1
100.0%	100.0% #E2D9C7	RGB 226 217 199	#E2D9C7

#A8DFAA #B6DFAD #C5E0B2 #D2E0B7 #DCE1BC #E1DEC1 #E2D9C7

#A8DFAA - #D2E0B7 - #E2D9C7

Códigos CSS

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

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