#52302C - #B57354 | 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 #52302C a #B57354

#52302C #B57354

Calcule el color entre dos colores, #52302C y #B57354. 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)

#52302C - #B57354 | 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 #52302C como 0% y #B57354 como 100%.

0.0%	0.0% #52302C	RGB 82 48 44	#52302C
16.7%	16.7% #623B32	RGB 98 59 50	#623B32
33.3%	33.3% #734639	RGB 115 70 57	#734639
50.0%	50.0% #835140	RGB 131 81 64	#835140
66.7%	66.7% #945C46	RGB 148 92 70	#945C46
83.3%	83.3% #A4674D	RGB 164 103 77	#A4674D
100.0%	100.0% #B57354	RGB 181 115 84	#B57354

#52302C #623B32 #734639 #835140 #945C46 #A4674D #B57354

#52302C - #B57354

Mezcla HSV

#52302C - #B57354 | 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 #52302C como 0% y #B57354 como 100%.

0.0%	0.0% #52302C	RGB 82 48 44	#52302C
16.7%	16.7% #623A33	RGB 98 58 51	#623A33
33.3%	33.3% #73443A	RGB 115 68 58	#73443A
50.0%	50.0% #834F41	RGB 131 79 65	#834F41
66.7%	66.7% #945B48	RGB 148 91 72	#945B48
83.3%	83.3% #A4664E	RGB 164 102 78	#A4664E
100.0%	100.0% #B57354	RGB 181 115 84	#B57354

#52302C #623A33 #73443A #834F41 #945B48 #A4664E #B57354

#52302C - #834F41 - #B57354

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52302C 0%, #834F41 50%, #B57354 100%);
    background: -webkit-linear-gradient(top, #52302C 0%, #834F41 50%, #B57354 100%);
    background: linear-gradient(to bottom, #52302C 0%, #834F41 50%, #B57354 100%);
}
</style>