#353D3B - #687D59 | 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 #353D3B a #687D59

#353D3B #687D59

Calcule el color entre dos colores, #353D3B y #687D59. 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)

#353D3B - #687D59 | 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 #353D3B como 0% y #687D59 como 100%.

0.0%	0.0% #353D3B	RGB 53 61 59	#353D3B
16.7%	16.7% #3D4740	RGB 61 71 64	#3D4740
33.3%	33.3% #465245	RGB 70 82 69	#465245
50.0%	50.0% #4E5D4A	RGB 78 93 74	#4E5D4A
66.7%	66.7% #57674F	RGB 87 103 79	#57674F
83.3%	83.3% #5F7254	RGB 95 114 84	#5F7254
100.0%	100.0% #687D59	RGB 104 125 89	#687D59

#353D3B #3D4740 #465245 #4E5D4A #57674F #5F7254 #687D59

#353D3B - #687D59

Mezcla HSV

#353D3B - #687D59 | 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 #353D3B como 0% y #687D59 como 100%.

0.0%	0.0% #353D3B	RGB 53 61 59	#353D3B
16.7%	16.7% #3C4742	RGB 60 71 66	#3C4742
33.3%	33.3% #435248	RGB 67 82 72	#435248
50.0%	50.0% #495D4C	RGB 73 93 76	#495D4C
66.7%	66.7% #4F674F	RGB 79 103 79	#4F674F
83.3%	83.3% #5B7254	RGB 91 114 84	#5B7254
100.0%	100.0% #687D59	RGB 104 125 89	#687D59

#353D3B #3C4742 #435248 #495D4C #4F674F #5B7254 #687D59

#353D3B - #495D4C - #687D59

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353D3B 0%, #495D4C 50%, #687D59 100%);
    background: -webkit-linear-gradient(top, #353D3B 0%, #495D4C 50%, #687D59 100%);
    background: linear-gradient(to bottom, #353D3B 0%, #495D4C 50%, #687D59 100%);
}
</style>