#B6AFB1 - #EAC6E2 | 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 #B6AFB1 a #EAC6E2

#B6AFB1 #EAC6E2

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

#B6AFB1 - #EAC6E2 | 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 #B6AFB1 como 0% y #EAC6E2 como 100%.

0.0%	0.0% #B6AFB1	RGB 182 175 177	#B6AFB1
16.7%	16.7% #BEB2B9	RGB 190 178 185	#BEB2B9
33.3%	33.3% #C7B6C1	RGB 199 182 193	#C7B6C1
50.0%	50.0% #D0BAC9	RGB 208 186 201	#D0BAC9
66.7%	66.7% #D8BED1	RGB 216 190 209	#D8BED1
83.3%	83.3% #E1C2D9	RGB 225 194 217	#E1C2D9
100.0%	100.0% #EAC6E2	RGB 234 198 226	#EAC6E2

#B6AFB1 #BEB2B9 #C7B6C1 #D0BAC9 #D8BED1 #E1C2D9 #EAC6E2

#B6AFB1 - #EAC6E2

Mezcla HSV

#B6AFB1 - #EAC6E2 | 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 #B6AFB1 como 0% y #EAC6E2 como 100%.

0.0%	0.0% #B6AFB1	RGB 182 175 177	#B6AFB1
16.7%	16.7% #BEB3B7	RGB 190 179 183	#BEB3B7
33.3%	33.3% #C7B8BE	RGB 199 184 190	#C7B8BE
50.0%	50.0% #D0BCC6	RGB 208 188 198	#D0BCC6
66.7%	66.7% #D8BFCF	RGB 216 191 207	#D8BFCF
83.3%	83.3% #E1C3D8	RGB 225 195 216	#E1C3D8
100.0%	100.0% #EAC6E2	RGB 234 198 226	#EAC6E2

#B6AFB1 #BEB3B7 #C7B8BE #D0BCC6 #D8BFCF #E1C3D8 #EAC6E2

#B6AFB1 - #D0BCC6 - #EAC6E2

Códigos CSS

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

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