#B5AEA8 - #ECCDC1 | 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 #B5AEA8 a #ECCDC1

#B5AEA8 #ECCDC1

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

#B5AEA8 - #ECCDC1 | 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 #B5AEA8 como 0% y #ECCDC1 como 100%.

0.0%	0.0% #B5AEA8	RGB 181 174 168	#B5AEA8
16.7%	16.7% #BEB3AC	RGB 190 179 172	#BEB3AC
33.3%	33.3% #C7B8B0	RGB 199 184 176	#C7B8B0
50.0%	50.0% #D0BDB4	RGB 208 189 180	#D0BDB4
66.7%	66.7% #D9C2B8	RGB 217 194 184	#D9C2B8
83.3%	83.3% #E2C7BC	RGB 226 199 188	#E2C7BC
100.0%	100.0% #ECCDC1	RGB 236 205 193	#ECCDC1

#B5AEA8 #BEB3AC #C7B8B0 #D0BDB4 #D9C2B8 #E2C7BC #ECCDC1

#B5AEA8 - #ECCDC1

Mezcla HSV

#B5AEA8 - #ECCDC1 | 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 #B5AEA8 como 0% y #ECCDC1 como 100%.

0.0%	0.0% #B5AEA8	RGB 181 174 168	#B5AEA8
16.7%	16.7% #BEB4AD	RGB 190 180 173	#BEB4AD
33.3%	33.3% #C7BAB1	RGB 199 186 177	#C7BAB1
50.0%	50.0% #D0BFB6	RGB 208 191 182	#D0BFB6
66.7%	66.7% #D9C4BA	RGB 217 196 186	#D9C4BA
83.3%	83.3% #E2C9BD	RGB 226 201 189	#E2C9BD
100.0%	100.0% #ECCDC1	RGB 236 205 193	#ECCDC1

#B5AEA8 #BEB4AD #C7BAB1 #D0BFB6 #D9C4BA #E2C9BD #ECCDC1

#B5AEA8 - #D0BFB6 - #ECCDC1

Códigos CSS

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

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