#702D23 - #CC6B3E | 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 #702D23 a #CC6B3E

#702D23 #CC6B3E

Calcule el color entre dos colores, #702D23 y #CC6B3E. 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)

#702D23 - #CC6B3E | 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 #702D23 como 0% y #CC6B3E como 100%.

0.0%	0.0% #702D23	RGB 112 45 35	#702D23
16.7%	16.7% #7F3727	RGB 127 55 39	#7F3727
33.3%	33.3% #8E412C	RGB 142 65 44	#8E412C
50.0%	50.0% #9E4C30	RGB 158 76 48	#9E4C30
66.7%	66.7% #AD5635	RGB 173 86 53	#AD5635
83.3%	83.3% #BC6039	RGB 188 96 57	#BC6039
100.0%	100.0% #CC6B3E	RGB 204 107 62	#CC6B3E

#702D23 #7F3727 #8E412C #9E4C30 #AD5635 #BC6039 #CC6B3E

#702D23 - #CC6B3E

Mezcla HSV

#702D23 - #CC6B3E | 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 #702D23 como 0% y #CC6B3E como 100%.

0.0%	0.0% #702D23	RGB 112 45 35	#702D23
16.7%	16.7% #7F3527	RGB 127 53 39	#7F3527
33.3%	33.3% #8E3F2C	RGB 142 63 44	#8E3F2C
50.0%	50.0% #9E4930	RGB 158 73 48	#9E4930
66.7%	66.7% #AD5335	RGB 173 83 53	#AD5335
83.3%	83.3% #BC5F39	RGB 188 95 57	#BC5F39
100.0%	100.0% #CC6B3E	RGB 204 107 62	#CC6B3E

#702D23 #7F3527 #8E3F2C #9E4930 #AD5335 #BC5F39 #CC6B3E

#702D23 - #9E4930 - #CC6B3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #702D23 0%, #9E4930 50%, #CC6B3E 100%);
    background: -webkit-linear-gradient(top, #702D23 0%, #9E4930 50%, #CC6B3E 100%);
    background: linear-gradient(to bottom, #702D23 0%, #9E4930 50%, #CC6B3E 100%);
}
</style>