#762121 - #CC5C3A | 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 #762121 a #CC5C3A

#762121 #CC5C3A

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

#762121 - #CC5C3A | 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 #762121 como 0% y #CC5C3A como 100%.

0.0%	0.0% #762121	RGB 118 33 33	#762121
16.7%	16.7% #842A25	RGB 132 42 37	#842A25
33.3%	33.3% #923429	RGB 146 52 41	#923429
50.0%	50.0% #A13E2D	RGB 161 62 45	#A13E2D
66.7%	66.7% #AF4831	RGB 175 72 49	#AF4831
83.3%	83.3% #BD5235	RGB 189 82 53	#BD5235
100.0%	100.0% #CC5C3A	RGB 204 92 58	#CC5C3A

#762121 #842A25 #923429 #A13E2D #AF4831 #BD5235 #CC5C3A

#762121 - #CC5C3A

Mezcla HSV

#762121 - #CC5C3A | 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 #762121 como 0% y #CC5C3A como 100%.

0.0%	0.0% #762121	RGB 118 33 33	#762121
16.7%	16.7% #842825	RGB 132 40 37	#842825
33.3%	33.3% #923129	RGB 146 49 41	#923129
50.0%	50.0% #A13A2D	RGB 161 58 45	#A13A2D
66.7%	66.7% #AF4531	RGB 175 69 49	#AF4531
83.3%	83.3% #BD5035	RGB 189 80 53	#BD5035
100.0%	100.0% #CC5C3A	RGB 204 92 58	#CC5C3A

#762121 #842825 #923129 #A13A2D #AF4531 #BD5035 #CC5C3A

#762121 - #A13A2D - #CC5C3A

Códigos CSS

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

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