#A8BD9A - #E6ECE2 | 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 #A8BD9A a #E6ECE2

#A8BD9A #E6ECE2

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

#A8BD9A - #E6ECE2 | 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 #A8BD9A como 0% y #E6ECE2 como 100%.

0.0%	0.0% #A8BD9A	RGB 168 189 154	#A8BD9A
16.7%	16.7% #B2C4A6	RGB 178 196 166	#B2C4A6
33.3%	33.3% #BCCCB2	RGB 188 204 178	#BCCCB2
50.0%	50.0% #C7D4BE	RGB 199 212 190	#C7D4BE
66.7%	66.7% #D1DCCA	RGB 209 220 202	#D1DCCA
83.3%	83.3% #DBE4D6	RGB 219 228 214	#DBE4D6
100.0%	100.0% #E6ECE2	RGB 230 236 226	#E6ECE2

#A8BD9A #B2C4A6 #BCCCB2 #C7D4BE #D1DCCA #DBE4D6 #E6ECE2

#A8BD9A - #E6ECE2

Mezcla HSV

#A8BD9A - #E6ECE2 | 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 #A8BD9A como 0% y #E6ECE2 como 100%.

0.0%	0.0% #A8BD9A	RGB 168 189 154	#A8BD9A
16.7%	16.7% #B1C4A5	RGB 177 196 165	#B1C4A5
33.3%	33.3% #BBCCB0	RGB 187 204 176	#BBCCB0
50.0%	50.0% #C5D4BC	RGB 197 212 188	#C5D4BC
66.7%	66.7% #D0DCC8	RGB 208 220 200	#D0DCC8
83.3%	83.3% #DBE4D5	RGB 219 228 213	#DBE4D5
100.0%	100.0% #E6ECE2	RGB 230 236 226	#E6ECE2

#A8BD9A #B1C4A5 #BBCCB0 #C5D4BC #D0DCC8 #DBE4D5 #E6ECE2

#A8BD9A - #C5D4BC - #E6ECE2

Códigos CSS

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

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