#5E1015 - #AF3C22 | 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 #5E1015 a #AF3C22

#5E1015 #AF3C22

Calcule el color entre dos colores, #5E1015 y #AF3C22. 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)

#5E1015 - #AF3C22 | 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 #5E1015 como 0% y #AF3C22 como 100%.

0.0%	0.0% #5E1015	RGB 94 16 21	#5E1015
16.7%	16.7% #6B1717	RGB 107 23 23	#6B1717
33.3%	33.3% #791E19	RGB 121 30 25	#791E19
50.0%	50.0% #86261B	RGB 134 38 27	#86261B
66.7%	66.7% #942D1D	RGB 148 45 29	#942D1D
83.3%	83.3% #A1341F	RGB 161 52 31	#A1341F
100.0%	100.0% #AF3C22	RGB 175 60 34	#AF3C22

#5E1015 #6B1717 #791E19 #86261B #942D1D #A1341F #AF3C22

#5E1015 - #AF3C22

Mezcla HSV

#5E1015 - #AF3C22 | 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 #5E1015 como 0% y #AF3C22 como 100%.

0.0%	0.0% #5E0F15	RGB 94 15 21	#5E0F15
16.7%	16.7% #6B1214	RGB 107 18 20	#6B1214
33.3%	33.3% #791715	RGB 121 23 21	#791715
50.0%	50.0% #861F18	RGB 134 31 24	#861F18
66.7%	66.7% #94271B	RGB 148 39 27	#94271B
83.3%	83.3% #A1311E	RGB 161 49 30	#A1311E
100.0%	100.0% #AF3C22	RGB 175 60 34	#AF3C22

#5E0F15 #6B1214 #791715 #861F18 #94271B #A1311E #AF3C22

#5E1015 - #861F18 - #AF3C22

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0F15 0%, #861F18 50%, #AF3C22 100%);
    background: -webkit-linear-gradient(top, #5E0F15 0%, #861F18 50%, #AF3C22 100%);
    background: linear-gradient(to bottom, #5E0F15 0%, #861F18 50%, #AF3C22 100%);
}
</style>