#B6B4AF - #EADCC6 | 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 #B6B4AF a #EADCC6

#B6B4AF #EADCC6

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

#B6B4AF - #EADCC6 | 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 #B6B4AF como 0% y #EADCC6 como 100%.

0.0%	0.0% #B6B4AF	RGB 182 180 175	#B6B4AF
16.7%	16.7% #BEBAB2	RGB 190 186 178	#BEBAB2
33.3%	33.3% #C7C1B6	RGB 199 193 182	#C7C1B6
50.0%	50.0% #D0C8BA	RGB 208 200 186	#D0C8BA
66.7%	66.7% #D8CEBE	RGB 216 206 190	#D8CEBE
83.3%	83.3% #E1D5C2	RGB 225 213 194	#E1D5C2
100.0%	100.0% #EADCC6	RGB 234 220 198	#EADCC6

#B6B4AF #BEBAB2 #C7C1B6 #D0C8BA #D8CEBE #E1D5C2 #EADCC6

#B6B4AF - #EADCC6

Mezcla HSV

#B6B4AF - #EADCC6 | 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 #B6B4AF como 0% y #EADCC6 como 100%.

0.0%	0.0% #B6B4AF	RGB 182 180 175	#B6B4AF
16.7%	16.7% #BEBBB3	RGB 190 187 179	#BEBBB3
33.3%	33.3% #C7C2B8	RGB 199 194 184	#C7C2B8
50.0%	50.0% #D0C9BC	RGB 208 201 188	#D0C9BC
66.7%	66.7% #D8CFBF	RGB 216 207 191	#D8CFBF
83.3%	83.3% #E1D6C3	RGB 225 214 195	#E1D6C3
100.0%	100.0% #EADCC6	RGB 234 220 198	#EADCC6

#B6B4AF #BEBBB3 #C7C2B8 #D0C9BC #D8CFBF #E1D6C3 #EADCC6

#B6B4AF - #D0C9BC - #EADCC6

Códigos CSS

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

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