#BFAD92 - #ECE6DF | 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 #BFAD92 a #ECE6DF

#BFAD92 #ECE6DF

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

#BFAD92 - #ECE6DF | 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 #BFAD92 como 0% y #ECE6DF como 100%.

0.0%	0.0% #BFAD92	RGB 191 173 146	#BFAD92
16.7%	16.7% #C6B69E	RGB 198 182 158	#C6B69E
33.3%	33.3% #CEC0AB	RGB 206 192 171	#CEC0AB
50.0%	50.0% #D5C9B8	RGB 213 201 184	#D5C9B8
66.7%	66.7% #DDD3C5	RGB 221 211 197	#DDD3C5
83.3%	83.3% #E4DCD2	RGB 228 220 210	#E4DCD2
100.0%	100.0% #ECE6DF	RGB 236 230 223	#ECE6DF

#BFAD92 #C6B69E #CEC0AB #D5C9B8 #DDD3C5 #E4DCD2 #ECE6DF

#BFAD92 - #ECE6DF

Mezcla HSV

#BFAD92 - #ECE6DF | 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 #BFAD92 como 0% y #ECE6DF como 100%.

0.0%	0.0% #BFAD92	RGB 191 173 146	#BFAD92
16.7%	16.7% #C6B59D	RGB 198 181 157	#C6B59D
33.3%	33.3% #CEBEA9	RGB 206 190 169	#CEBEA9
50.0%	50.0% #D5C8B6	RGB 213 200 182	#D5C8B6
66.7%	66.7% #DDD1C3	RGB 221 209 195	#DDD1C3
83.3%	83.3% #E4DBD1	RGB 228 219 209	#E4DBD1
100.0%	100.0% #ECE6DF	RGB 236 230 223	#ECE6DF

#BFAD92 #C6B59D #CEBEA9 #D5C8B6 #DDD1C3 #E4DBD1 #ECE6DF

#BFAD92 - #D5C8B6 - #ECE6DF

Códigos CSS

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

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