#81837D - #242523 | 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 #81837D a #242523

#81837D #242523

Calcule el color entre dos colores, #81837D y #242523. 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)

#81837D - #242523 | 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 #81837D como 0% y #242523 como 100%.

0.0%	0.0% #81837D	RGB 129 131 125	#81837D
16.7%	16.7% #71736E	RGB 113 115 110	#71736E
33.3%	33.3% #62635F	RGB 98 99 95	#62635F
50.0%	50.0% #525450	RGB 82 84 80	#525450
66.7%	66.7% #434441	RGB 67 68 65	#434441
83.3%	83.3% #333432	RGB 51 52 50	#333432
100.0%	100.0% #242523	RGB 36 37 35	#242523

#81837D #71736E #62635F #525450 #434441 #333432 #242523

#81837D - #242523

Mezcla HSV

#81837D - #242523 | 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 #81837D como 0% y #242523 como 100%.

0.0%	0.0% #81837D	RGB 129 131 125	#81837D
16.7%	16.7% #71736D	RGB 113 115 109	#71736D
33.3%	33.3% #61635E	RGB 97 99 94	#61635E
50.0%	50.0% #52544F	RGB 82 84 79	#52544F
66.7%	66.7% #424440	RGB 66 68 64	#424440
83.3%	83.3% #333431	RGB 51 52 49	#333431
100.0%	100.0% #242523	RGB 36 37 35	#242523

#81837D #71736D #61635E #52544F #424440 #333431 #242523

#81837D - #52544F - #242523

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81837D 0%, #52544F 50%, #242523 100%);
    background: -webkit-linear-gradient(top, #81837D 0%, #52544F 50%, #242523 100%);
    background: linear-gradient(to bottom, #81837D 0%, #52544F 50%, #242523 100%);
}
</style>