#4D1515 - #350C05 | 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 #4D1515 a #350C05

#4D1515 #350C05

Calcule el color entre dos colores, #4D1515 y #350C05. 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)

#4D1515 - #350C05 | 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 #4D1515 como 0% y #350C05 como 100%.

0.0%	0.0% #4D1515	RGB 77 21 21	#4D1515
16.7%	16.7% #491312	RGB 73 19 18	#491312
33.3%	33.3% #45120F	RGB 69 18 15	#45120F
50.0%	50.0% #41100D	RGB 65 16 13	#41100D
66.7%	66.7% #3D0F0A	RGB 61 15 10	#3D0F0A
83.3%	83.3% #390D07	RGB 57 13 7	#390D07
100.0%	100.0% #350C05	RGB 53 12 5	#350C05

#4D1515 #491312 #45120F #41100D #3D0F0A #390D07 #350C05

#4D1515 - #350C05

Mezcla HSV

#4D1515 - #350C05 | 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 #4D1515 como 0% y #350C05 como 100%.

0.0%	0.0% #4D1414	RGB 77 20 20	#4D1414
16.7%	16.7% #491311	RGB 73 19 17	#491311
33.3%	33.3% #45110E	RGB 69 17 14	#45110E
50.0%	50.0% #410F0B	RGB 65 15 11	#410F0B
66.7%	66.7% #3D0E09	RGB 61 14 9	#3D0E09
83.3%	83.3% #390D07	RGB 57 13 7	#390D07
100.0%	100.0% #350C05	RGB 53 12 5	#350C05

#4D1414 #491311 #45110E #410F0B #3D0E09 #390D07 #350C05

#4D1515 - #410F0B - #350C05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1414 0%, #410F0B 50%, #350C05 100%);
    background: -webkit-linear-gradient(top, #4D1414 0%, #410F0B 50%, #350C05 100%);
    background: linear-gradient(to bottom, #4D1414 0%, #410F0B 50%, #350C05 100%);
}
</style>