#B0ACAA - #E4B5E2 | 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 #B0ACAA a #E4B5E2

#B0ACAA #E4B5E2

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

#B0ACAA - #E4B5E2 | 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 #B0ACAA como 0% y #E4B5E2 como 100%.

0.0%	0.0% #B0ACAA	RGB 176 172 170	#B0ACAA
16.7%	16.7% #B8ADB3	RGB 184 173 179	#B8ADB3
33.3%	33.3% #C1AFBC	RGB 193 175 188	#C1AFBC
50.0%	50.0% #CAB0C6	RGB 202 176 198	#CAB0C6
66.7%	66.7% #D2B2CF	RGB 210 178 207	#D2B2CF
83.3%	83.3% #DBB3D8	RGB 219 179 216	#DBB3D8
100.0%	100.0% #E4B5E2	RGB 228 181 226	#E4B5E2

#B0ACAA #B8ADB3 #C1AFBC #CAB0C6 #D2B2CF #DBB3D8 #E4B5E2

#B0ACAA - #E4B5E2

Mezcla HSV

#B0ACAA - #E4B5E2 | 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 #B0ACAA como 0% y #E4B5E2 como 100%.

0.0%	0.0% #B0ACAA	RGB 176 172 170	#B0ACAA
16.7%	16.7% #B8AEAD	RGB 184 174 173	#B8AEAD
33.3%	33.3% #C1AFB1	RGB 193 175 177	#C1AFB1
50.0%	50.0% #CAB1B9	RGB 202 177 185	#CAB1B9
66.7%	66.7% #D2B3C3	RGB 210 179 195	#D2B3C3
83.3%	83.3% #DBB4D1	RGB 219 180 209	#DBB4D1
100.0%	100.0% #E4B5E2	RGB 228 181 226	#E4B5E2

#B0ACAA #B8AEAD #C1AFB1 #CAB1B9 #D2B3C3 #DBB4D1 #E4B5E2

#B0ACAA - #CAB1B9 - #E4B5E2

Códigos CSS

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

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