#827F63 - #DBDAD2 | 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 #827F63 a #DBDAD2

#827F63 #DBDAD2

Calcule el color entre dos colores, #827F63 y #DBDAD2. 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)

#827F63 - #DBDAD2 | 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 #827F63 como 0% y #DBDAD2 como 100%.

0.0%	0.0% #827F63	RGB 130 127 99	#827F63
16.7%	16.7% #908E75	RGB 144 142 117	#908E75
33.3%	33.3% #9F9D88	RGB 159 157 136	#9F9D88
50.0%	50.0% #AEAC9A	RGB 174 172 154	#AEAC9A
66.7%	66.7% #BDBBAD	RGB 189 187 173	#BDBBAD
83.3%	83.3% #CCCABF	RGB 204 202 191	#CCCABF
100.0%	100.0% #DBDAD2	RGB 219 218 210	#DBDAD2

#827F63 #908E75 #9F9D88 #AEAC9A #BDBBAD #CCCABF #DBDAD2

#827F63 - #DBDAD2

Mezcla HSV

#827F63 - #DBDAD2 | 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 #827F63 como 0% y #DBDAD2 como 100%.

0.0%	0.0% #827F63	RGB 130 127 99	#827F63
16.7%	16.7% #908D73	RGB 144 141 115	#908D73
33.3%	33.3% #9F9C84	RGB 159 156 132	#9F9C84
50.0%	50.0% #AEAB96	RGB 174 171 150	#AEAB96
66.7%	66.7% #BDBBA9	RGB 189 187 169	#BDBBA9
83.3%	83.3% #CCCABD	RGB 204 202 189	#CCCABD
100.0%	100.0% #DBDAD2	RGB 219 218 210	#DBDAD2

#827F63 #908D73 #9F9C84 #AEAB96 #BDBBA9 #CCCABD #DBDAD2

#827F63 - #AEAB96 - #DBDAD2

Códigos CSS

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

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