#B6B3AF - #EAD5C6 | 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 #B6B3AF a #EAD5C6

#B6B3AF #EAD5C6

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

#B6B3AF - #EAD5C6 | 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 #B6B3AF como 0% y #EAD5C6 como 100%.

0.0%	0.0% #B6B3AF	RGB 182 179 175	#B6B3AF
16.7%	16.7% #BEB8B2	RGB 190 184 178	#BEB8B2
33.3%	33.3% #C7BEB6	RGB 199 190 182	#C7BEB6
50.0%	50.0% #D0C4BA	RGB 208 196 186	#D0C4BA
66.7%	66.7% #D8C9BE	RGB 216 201 190	#D8C9BE
83.3%	83.3% #E1CFC2	RGB 225 207 194	#E1CFC2
100.0%	100.0% #EAD5C6	RGB 234 213 198	#EAD5C6

#B6B3AF #BEB8B2 #C7BEB6 #D0C4BA #D8C9BE #E1CFC2 #EAD5C6

#B6B3AF - #EAD5C6

Mezcla HSV

#B6B3AF - #EAD5C6 | 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 #B6B3AF como 0% y #EAD5C6 como 100%.

0.0%	0.0% #B6B3AF	RGB 182 179 175	#B6B3AF
16.7%	16.7% #BEB9B3	RGB 190 185 179	#BEB9B3
33.3%	33.3% #C7BFB8	RGB 199 191 184	#C7BFB8
50.0%	50.0% #D0C5BC	RGB 208 197 188	#D0C5BC
66.7%	66.7% #D8CBBF	RGB 216 203 191	#D8CBBF
83.3%	83.3% #E1D0C3	RGB 225 208 195	#E1D0C3
100.0%	100.0% #EAD5C6	RGB 234 213 198	#EAD5C6

#B6B3AF #BEB9B3 #C7BFB8 #D0C5BC #D8CBBF #E1D0C3 #EAD5C6

#B6B3AF - #D0C5BC - #EAD5C6

Códigos CSS

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

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