#A8C2AB - #E6EDE7 | 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 #A8C2AB a #E6EDE7

#A8C2AB #E6EDE7

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

#A8C2AB - #E6EDE7 | 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 #A8C2AB como 0% y #E6EDE7 como 100%.

0.0%	0.0% #A8C2AB	RGB 168 194 171	#A8C2AB
16.7%	16.7% #B2C9B5	RGB 178 201 181	#B2C9B5
33.3%	33.3% #BCD0BF	RGB 188 208 191	#BCD0BF
50.0%	50.0% #C7D7C9	RGB 199 215 201	#C7D7C9
66.7%	66.7% #D1DED3	RGB 209 222 211	#D1DED3
83.3%	83.3% #DBE5DD	RGB 219 229 221	#DBE5DD
100.0%	100.0% #E6EDE7	RGB 230 237 231	#E6EDE7

#A8C2AB #B2C9B5 #BCD0BF #C7D7C9 #D1DED3 #DBE5DD #E6EDE7

#A8C2AB - #E6EDE7

Mezcla HSV

#A8C2AB - #E6EDE7 | 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 #A8C2AB como 0% y #E6EDE7 como 100%.

0.0%	0.0% #A8C2AB	RGB 168 194 171	#A8C2AB
16.7%	16.7% #B1C9B4	RGB 177 201 180	#B1C9B4
33.3%	33.3% #BBD0BE	RGB 187 208 190	#BBD0BE
50.0%	50.0% #C5D7C8	RGB 197 215 200	#C5D7C8
66.7%	66.7% #D0DED2	RGB 208 222 210	#D0DED2
83.3%	83.3% #DBE5DC	RGB 219 229 220	#DBE5DC
100.0%	100.0% #E6EDE7	RGB 230 237 231	#E6EDE7

#A8C2AB #B1C9B4 #BBD0BE #C5D7C8 #D0DED2 #DBE5DC #E6EDE7

#A8C2AB - #C5D7C8 - #E6EDE7

Códigos CSS

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

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