#A8DFB0 - #E4DAC2 | 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 #A8DFB0 a #E4DAC2

#A8DFB0 #E4DAC2

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

#A8DFB0 - #E4DAC2 | 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 #A8DFB0 como 0% y #E4DAC2 como 100%.

0.0%	0.0% #A8DFB0	RGB 168 223 176	#A8DFB0
16.7%	16.7% #B2DEB3	RGB 178 222 179	#B2DEB3
33.3%	33.3% #BCDDB6	RGB 188 221 182	#BCDDB6
50.0%	50.0% #C6DCB9	RGB 198 220 185	#C6DCB9
66.7%	66.7% #D0DBBC	RGB 208 219 188	#D0DBBC
83.3%	83.3% #DADABF	RGB 218 218 191	#DADABF
100.0%	100.0% #E4DAC2	RGB 228 218 194	#E4DAC2

#A8DFB0 #B2DEB3 #BCDDB6 #C6DCB9 #D0DBBC #DADABF #E4DAC2

#A8DFB0 - #E4DAC2

Mezcla HSV

#A8DFB0 - #E4DAC2 | 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 #A8DFB0 como 0% y #E4DAC2 como 100%.

0.0%	0.0% #A8DFB0	RGB 168 223 176	#A8DFB0
16.7%	16.7% #B1DFAC	RGB 177 223 172	#B1DFAC
33.3%	33.3% #C0E0B0	RGB 192 224 176	#C0E0B0
50.0%	50.0% #CEE1B4	RGB 206 225 180	#CEE1B4
66.7%	66.7% #DAE2B9	RGB 218 226 185	#DAE2B9
83.3%	83.3% #E3E1BD	RGB 227 225 189	#E3E1BD
100.0%	100.0% #E4DAC2	RGB 228 218 194	#E4DAC2

#A8DFB0 #B1DFAC #C0E0B0 #CEE1B4 #DAE2B9 #E3E1BD #E4DAC2

#A8DFB0 - #CEE1B4 - #E4DAC2

Códigos CSS

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

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