#702914 - #200B05 | 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 #702914 a #200B05

#702914 #200B05

Calcule el color entre dos colores, #702914 y #200B05. 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)

#702914 - #200B05 | 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 #702914 como 0% y #200B05 como 100%.

0.0%	0.0% #702914	RGB 112 41 20	#702914
16.7%	16.7% #622411	RGB 98 36 17	#622411
33.3%	33.3% #551F0F	RGB 85 31 15	#551F0F
50.0%	50.0% #481A0C	RGB 72 26 12	#481A0C
66.7%	66.7% #3A150A	RGB 58 21 10	#3A150A
83.3%	83.3% #2D1007	RGB 45 16 7	#2D1007
100.0%	100.0% #200B05	RGB 32 11 5	#200B05

#702914 #622411 #551F0F #481A0C #3A150A #2D1007 #200B05

#702914 - #200B05

Mezcla HSV

#702914 - #200B05 | 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 #702914 como 0% y #200B05 como 100%.

0.0%	0.0% #702913	RGB 112 41 19	#702913
16.7%	16.7% #622311	RGB 98 35 17	#622311
33.3%	33.3% #551E0E	RGB 85 30 14	#551E0E
50.0%	50.0% #48190C	RGB 72 25 12	#48190C
66.7%	66.7% #3A1409	RGB 58 20 9	#3A1409
83.3%	83.3% #2D0F07	RGB 45 15 7	#2D0F07
100.0%	100.0% #200B05	RGB 32 11 5	#200B05

#702913 #622311 #551E0E #48190C #3A1409 #2D0F07 #200B05

#702914 - #48190C - #200B05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #702913 0%, #48190C 50%, #200B05 100%);
    background: -webkit-linear-gradient(top, #702913 0%, #48190C 50%, #200B05 100%);
    background: linear-gradient(to bottom, #702913 0%, #48190C 50%, #200B05 100%);
}
</style>