#696969 - #622F19 | 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 #696969 a #622F19

#696969 #622F19

Calcule el color entre dos colores, #696969 y #622F19. 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)

#696969 - #622F19 | 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 #696969 como 0% y #622F19 como 100%.

0.0%	0.0% #696969	RGB 105 105 105	#696969
16.7%	16.7% #675F5B	RGB 103 95 91	#675F5B
33.3%	33.3% #66554E	RGB 102 85 78	#66554E
50.0%	50.0% #654C41	RGB 101 76 65	#654C41
66.7%	66.7% #644233	RGB 100 66 51	#644233
83.3%	83.3% #633826	RGB 99 56 38	#633826
100.0%	100.0% #622F19	RGB 98 47 25	#622F19

#696969 #675F5B #66554E #654C41 #644233 #633826 #622F19

#696969 - #622F19

Mezcla HSV

#696969 - #622F19 | 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 #696969 como 0% y #622F19 como 100%.

0.0%	0.0% #696969	RGB 105 105 105	#696969
16.7%	16.7% #675B5A	RGB 103 91 90	#675B5A
33.3%	33.3% #664F4D	RGB 102 79 77	#664F4D
50.0%	50.0% #65453F	RGB 101 69 63	#65453F
66.7%	66.7% #643C32	RGB 100 60 50	#643C32
83.3%	83.3% #633525	RGB 99 53 37	#633525
100.0%	100.0% #622F19	RGB 98 47 25	#622F19

#696969 #675B5A #664F4D #65453F #643C32 #633525 #622F19

#696969 - #65453F - #622F19

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #696969 0%, #65453F 50%, #622F19 100%);
    background: -webkit-linear-gradient(top, #696969 0%, #65453F 50%, #622F19 100%);
    background: linear-gradient(to bottom, #696969 0%, #65453F 50%, #622F19 100%);
}
</style>